js课程

1. js代码需放在script标签里面,可以放在head里,也可以放在body里面,还可以放在任意的标签里边.按照先执行head然后在执行body,从上往下执行.

2. JavaScript

   ​ js语法

​ BOM浏览器对象模型

​ DOM文档对象模型

1. JS文件引入:<script src="" type="text/javascript">这段代码不会被执行</script> ,当引入了js文件的时候,就不要再script里面包裹js代码了,因为其不会执行.

2. onload:表示当html执行完后再执行里面的js代码.此函数可以让script写在head里面onload="function"(){}

3. 定义变量 var 关键字,var cup="wine" ,cup叫变量名,wine叫值. 然后可以改变他的值,cup="water" . ==弱类型语言== ,所以可以给其值为cup=12

4. JS的数据类型

   • String 字符串,带单引号或者双引号
   • Number数值类型,不需要引号

5. 关键字:break else return 等. 尽量不要用作命名

6. 变量命名规则:

   1. 可以使用数字.字母.下划线.美元符号
   2. 不可以使用数字开头
   3. 区分大小写 name和Name是两个变量
   4. 定义多个变量,用逗号隔开var cup,name,age;

7. 判断数据类型:typeof exp:typeof cup

   console.log(typeof cup);

   string number boolean array object null undefined

8. Bloolen(cup) :转换类型;布尔值任何非0情况下均为真

9. object对象类型 创建类型: var obj=new Object();

10. null空指针:它是对象的空指针,为object类型.

11. undefined,变量没有初始化的时候也会返回undefined

12. alert和console控制台

13. 数据类型的转换

    1. 把string类型转换成number类型

       var cup="abc";
       console.log(typeof Number(cup));
       //无法直接转换,会输出NaN:not a number,字符串你需要全为数字
       cup="123";
       console.log(typof number(cup));
       

    2. string转换成布尔类型Boolean(cup)

       console.log(typeof Boolean(cup)) //值为Bolean

       console.log(Boolean(cup))//值为true

    3. number转为布尔,任何非0的情况下返回true,0为false;

       var cup=0;
       console.log(Boolean(cup));
       //值为0
       

    4. 把number 转换为string

       var cup=123;
       console.log(String(cup));//值为123,
       console.log(typeof String(cup));//type is string
       

    5. 把布尔类型转化为number类型

       var cup=false;
       console.log(Number(cup));//值为0
       cup=true;
       console.log(Number(cup));//值为1
       

    6. 布尔类型转为string

       var cup=true;
       console.log(String(cup));//值为true
       

    7. parseInt和parseFloat:整型和浮点类型转换

       var a,b,c;
       a="123.123";
       b="123abc";
       c="abc123";
       console.log(parseInt a);//值为123
       console.log(parseFloat b);//值为123
       console.log(parseInt b);//值为123
       console.log(parseInt(c));//值为NaN
       

1. number的最大最小值

   最大值Number.MAX_VALUE

   最小值Number.MIN_VALUE

   infinity正无穷大,用函数isFinite() 判断是否为一个有限的数值

   isNaN(x) 判断是否为非数字:若x为非数字,值为真,若x为数字,值为false

   注意 :

   isNaN("123");//值为false,将"123"转化为数字类型
   isNaN(123ABC);//值为true
   

2. 进制转换toString()

   var b=30;
   console.log(b.toString(2));
   console.log(b.toString(8));
   console.log(b.toString(16));
   

3. 自加和自减(++和--) ==注意区分赋值顺序==

   var a=123,c;
   c=a++;           //a先赋值,然后自加
   console.log(a);  //124
   console.log(c);//123
   c=++a;           //a先自加,然后赋值
   console.log(a);//125
   console.log(c);//125
   console.log(c--);//125     先赋值打印,c的值为124
   console.log(--c);//123     先c自减,再赋值
   

4. 加减

   如果两个字符串相加就是字符中拼接

   两个字符串相减,自动转换成number然后进行相减(两者均为带数字的字符串),若非数字,则返回NaN.

5. 乘除

   相乘,两者若为带数字的字符串,强制转换为数字

   var a=123,b=234;
   console.log(a%b); //值为123
   console.log(b/a);  //值为0.5256410256410257
   

​

​

​

​

​

​