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>
时间: 2024-10-14 12:00:18