Day01 js代码书写

1、认识js

       +什么是js:

         HTML:超文本标记语言(网页)----页面的结构,段落,标题,图片

         CSS:层叠式样式表(美化)----美化结构的,排列方式,放的位置

        JavaScript:----页面的行为(点击按钮会发生什么事,轮播图,游戏。表单验证,回到顶部,楼层,放大镜,tab切换,二级菜单,拖拽,瀑布流。。。。)

+Js的核心:

 ECMAScipt:制定js语法标准,我们后期写代码的规范

DOM:Doucument object model(文档对象模型),提供了一套操作文档的方法和属性

BOM:Browser object model(浏览器对象模型),提供了一套操作浏览器的方法和属性

2、js的基础语法

     1、代码的书写

          +行内式(极度不推荐)

            (a)a标签    

<a href="javascript:js代码;"></a>

              (b)非a标签(行为属性:点击,鼠标移入,)

              如:

:<button 行为属性="js代码">按钮</button>
                <button onclick="alert('hellowrold')">按钮</button>

   +内嵌式(不推荐)

       (a) scrip标签 标签内部书写js代码

<script>
               js代码
           </scrip>

       (b)script标签内部的代码,页面刷新就执行

     (c)script标签原则上可以写在html文档的任意位置,但是我们写在最底部

     (d)可以书写多对script标签,代码按照从上向下的顺序依次执行

 +外链式(推荐)

      (a)script标签 标签内有一个src属性  标签内部书写js代码

      (b)可以书写多对script标签,代码按照从上向下的顺序依次执行

        (c)外部文件demo1.js,直接写js代码

2.2 js注释
          注释:多行注释和单行注释
          作用:对代码的解释说明
          单行注释:ctrl+/
          多行注释:alt+shift+A
     2.3 js变量
        如何定义变量:
      a) 最常用的方式: 
            var x = 20000;//声明一个变量x,同时将20000赋值给x
        var : 声明变量用的(告诉计算机,x是一个新成员,变量x就可用了)
        空格  
        x  : 变量名(类似类名,自己取的,不要瞎写)
        =  : 赋值(将右边的值赋值给左边)将2000赋值给x
        20000:代表x变量存储的值
      b)其他方式
         var x; //先声明一个变量
         x = 20; // 用的时候再进行赋值
         ------------------------------
         同时声明个变量,用的时候再赋值
         var a,b,c;
         a = 20;
         b = 30;
         c = 40;
         --------------------------------
         同时声明个变量,有的赋值,有的用的时候再赋值
         var x = 10, y = 20 , z ;
         z = 30;
         ---------------------
         var x = 10, y = 20 , z = 40;
     2.4 js的输出语法
              + alert(内容):
          作用:彈出内容
              + console.log(内容)
          作用:在控制台打印内容
                + document.write(内容)
           作用:在页面输出
     2.5 js的命名规则和规范
           + 规则(规则是必须遵守的,不遵守就报错)
              1. 组成部分:数字,字母,下划线_,美化符号$
              2. 不能是数字开头
              3. 不能是关键字和保留字(现在还不是关键字,后期可能会变成关键字)
              4. 严格区分大小写 
           + 规范(约定俗成的需要大家共同的遵守)
              1. 驼峰命名法  applePrice  (从第二个单词开始,单词的首字母大写,第一个单词全部小写)
              2. 见名识意(applePrice:苹果的价格)  
                          name
                          age
                          sex
                          weight
                          height
              3. 不推荐中文(支持中文)
     2.6 js的数据类型以及类型转换
            1. 数值类型(number)
            一切数字都是数值类型(包括二进制,十进制,十六进制等)
            NaN (not a number),一个非数字
            2. 字符串类型(string)
            被引号包裹的所有内容(可以是单引号也可以是双引号)
            3. 布尔类型(boolean)
            只有两个( true 或者 false ) 4. null类型(null)
            只有一个,就是 null ,表示空的意思
            5. undefined类型(undefined)
            只有一个,就是 undefined ,表示没有值的意思
     2.7 数据类型:
        两大类:
            基本数据类型:
               Number类型   数值类型
               String类型   字符串类型
               Boolean类型  布尔类型
               null类型     空类型
               undefined类型  未定义类型
            引用数据类型:(了解)
              Object
     + Number类型   数值类型
          a) 整数
          b) 小数
          c) 10e5(科学计数法)  10*10的5次方
          d) 十进制    八进制   十六进制       二进制 
          e) NaN(not a number):不是数字

     + String类型  字符串类型
          a)  单引号或者双引号引起来  "123"   'abc'
          b) 一段文本

     + Boolean类型 布尔类型 
          a) true : 真,计算机会把true存储成1
          b) false: 假,计算机会把false存储成0

     + undefined类型  未定义类型
         a) 只声明,未赋值  var x;  
         b) 声明变量,可以赋值成undefined

     + null类型,空类型
              var x = null;(后面讲)

     2.8  检测数据类型:
         typeof 关键字来检测
         语法:
           typeof(要检测的值)
           typeof 要检测的值

         返回值(结果):
           1. 哪种数据类型(number,string,undefined,object,boolean)
           2. 以字符串的形式返回

      2.9 数据类型的转换:
              数据类型之间的转换,比如数字转成字符串,字符串转成布尔,布尔转成数字

            其他数据类型转成数值:
                 Number(变量)
                      可以把一个变量强制转换成数值类型
             可以转换小数,会保留小数
              可以转换布尔值
                      遇到不可转换的都会返回 NaN
                parseInt(变量)
                      从第一位开始检查,是数字就转换,知道一个不是数字的内容
             开头就不是数字,那么直接返回 NaN
            不认识小数点,只能保留整数
                 parseFloat(变量)
                      从第一位开始检查,是数字就转换,知道一个不是数字的内容
             开头就不是数字,那么直接返回 NaN
             认识一次小数点
            其他数据类型转成字符串:
                         1. 变量.toString()
                         2. String(变量)
                         3. 使用加法运算 
           其他数据类型转成布尔
                        1. Boolean(变量) 在 js 中,只有 '' 、 0 、 null 、 undefined 、 NaN ,这些是 false,其余都是 true
        
          
              

 

                        

上一篇:刷题打卡 day01


下一篇:SpringMVC-day01