1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 </body>
9
10 <script type="text/javascript">
11
12 // Number 其他类型转化为 number 类型
13 // bool类型转化为number 类型
14 var value1 = true;
15 var result = Number(value1);//常用
16 console.log(result);
17
18 // string类型转化为 number 类型
19 var value2 = "123";
20 console.log(typeof value2);
21 var result = Number(value2);
22 console.log (result);
23 var value3 = "我笑了";// 不能转化为number
24
25 // 其他类型转化为整数
26 var value1 = 12.99;//打印出12
27 var result = parseInt(value1);
28 console.log(result);
29
30 var value2 = "100abc";//打印出100
31 var result = parseInt(value2);
32 console.log(result);
33
34 var value3 = "-20";//打印出-20
35 var result = parseInt(value3);
36 console.log(result);
37
38 // 其他类型转化为小数(浮点数)
39 var value1 = "12.13.156";//打印出12.13
40 var result = parseFloat(value1);
41 console.log(result);
42
43 // var value2 = "12.12acb";
44 var result = parseFloat(value2);
45 console.log(result);
46
47 // 可以识别为19(因为这是十六进制的数字)
48 var value3 = "0x13.14abc";
49 var result = parseInt(value3);
50 console.log(result);
51
52
53 // 在 js 里面有一种很常用的转化 隐式转化
54 var value1 = 11;
55 var value2 = "12";
56 var result = value1 + value2;
57 console.log(result);
58 // 字符串可以直接相加(拼接)
59 var temp = "abc" + "def";
60 console.log(temp);
61
62
63 //非0 代表 true ,0 表示false
64
65
66 那些地方必须填 bool 类型的值
67 1、结果是 bool
68
69 2, 逻辑运算符
70
71 3. 比较运算符
72
73 4.那些地方使用 bool
74 a if 语句条件
75 b while 循环的条件
76 c is Nan判断是不是数字
77
78
79 分支语语句,,,if if.else if else if else switch
80
81
82
83
84 循环语句 ,,,,while, do while , for
85 for(1、循环条件 2、循环体 3、循环增量)
86
87 函数
88 语法: Function 函数名 (){}
89 分类:带参函数
90 无参函数 匿名函数的 有返回值的函数
91
92
93 带参函数 : 形参,实参
94
95 function myfunction(a,b){
96 console.log(a + b);
97
98 }
99 myfunction(3,5);
100
101
102
103 实际参数如果多余形式参数的时候,可以用另外一种方式取出实际参数
104 function textfunction(){
105 arguments[0]
106 arguments[1]
107 arguments[2]
108
109 }
110 myfunction(3,5);
111
112
113 匿名函数
114 匿名函数如何调用
115 语法:
116 ()();
117 (匿名函数的定义)(匿名函数的实际参数);
118 (myfunction(a,b){匿名函数体})(3,6);
119
120
121 作用域问题
122 while(){
123 var number = 1;
124 }
125
126
127 作用域局部和内部 在其他里没有外部这个说法
128
129
130 操作HTML节点、
131 1.
132 a.document.getElementById();
133 b.具体一个元素.getElementById();
134 2.
135 在js里面修改元素样式
136 语法:a.元素.style.具体样式属性
137 b.元素.style[具体样式属性];
138 var box = document.getElementById();
139 var text = "background"
140 box.style.text = "red"; 这是错误的
141 box.style[text] = "red"; 这是正确的
142
143
144
145
146
147
148
149
150
151
152
153 </script>
154
155 </html>