JavaScript 知识

Posted 2021-01-22 moying-wq

 

1. js中this表示当前标签，获取当前标签内的属性，示例如下：

1 var user_id = $(this).attr("data-user-id");

2.   * js中var定义变量的关键字

　  * innerhtml 与 innerText修改内容

3.  document.write( ); 表示写入。

4. js中的比较运算符：

　　&& （与）     ||（或）   ！（非）

5. 以下元素在判断时为假，其余任何都为真：

　　0，null，undefined，NaN，‘ ’，false

6. js中的赋值运算符：

　　　　" += "　　" -= "　　" /= "　　" %= "　　" *= "

7. 判断运算符：

　　在js中“ == ”：判断类型是否相等，

　　而“ === ”：判断值和类型是否都相等。

8. 定时器：

1 　　setTimeout  设置定时器　　　　clearTimeout  清除定时器
2 
3 　　setInterval   设置定时器　　　　clearInterval    清除定时器

9. 在清除定时器的同时要给予定时器加个名字，便于赋值给清除定时器：

　　　　定时器格式： setTimeout（函数.时间）

 1 ＃定时器    
 2 <script>
 3 
 4         setTimeout(function () {
 5             // 延迟定时器 2000毫秒后执行一次
 6             console.log(1);
 7         },2000); // 1000毫秒 = 1s
 8 
 9 
10         setInterval(function () {
11             // 隔1000毫秒后一直不停的在执行
12             console.log(2);
13         });
14         //  格式： setTimeout（函数，时间）；
15 
16 
17         function fn() {
18             console.log(3);
19         }
20         setTimeout(fn,2000);
21     </script>
22 
23 
24 ＃清除定时器
25     <div id="box">
26         <p> 还有<span id="timer">5s</span>就开始！ </p>
27     </div>
28 
29     <script>
30         var oTime = document.getElementById(‘timer‘);
31         var num = 5;
32         var time;
33         time = setInterval(function () {
34             num --;   //  逐渐往下减
35             oTime.innerHTML = num +‘s‘; //打印
36             if(num === 1){
37                 clearInterval(time);
38                 // clearTimeout(time), 前面用哪个定时器后面就跟哪个，要一一对应
39                 window.location.href = ‘http://www.baidu.com‘;
40                 //  去某个地方的固定写法
41             }
42         },1000);
43     </script>

 

 

 

10.  js中的for循环：

 1     # // for 循环
 2     for(var i=0; i<6; i++){
 3         if(i===3) break;
 4         console.log(i);
 5         if(i===3)continue;
 6         console.log(i);
 7     }
 8 
 9     var a=0;
10     # // 条件为真才会执行
11     while (a<6){
12         console.log(a);
13         a++;
14     }
15 
16     var b = 8;
17     # // 不管真假都会执行一次
18     do{
19        console.log(b);
20     }while (b>10);

11. 　js中用于跳转：

1 window.location.href = ‘http://www.baidu.com‘;

12.    js　中用于刷新页面的是：

1 window.location.reload();

13.  js执行事件：

 1     <div id="box1"></div>
 2     <div id="box2"></div>
 3     <script>
 4 
 5         var oBox1 = document.getElementById(‘box1‘);
 6         var oBox2 = document.getElementById(‘box2‘);
 7 
 8         // oBox1.onclick = function () {
 9         //     console.log(1);   // 点击会打印1
10         // };
11         // oBox2.onclick = function () {
12         //     console.log(1);
13         // };
14 
15         function fn() {
16             console.log(1);  
17         ＃　//  设置值，可以直接调用
18         }
19         oBox1.onclick = fn;　＃  // 如果加括号会自动执行， 一般不用
20         oBox2.onclick = fn;
21     </script>    

14.  函数表达式：

 1         fn();
 2         function fn() {
 3             alert(1);
 4         };         //函数定义  可以在定义前加括号执行，也可以在定义后加括号执行
 5         // fn();
 6 
 7 
 8         var fn = function () {
 9             alert(1);   //  通过var 的函数。只能在后面运行
10         };     // 效果一样
11         fn();
12 
13         // 函数表达式
14         !function () {
15             alert(6)
16         }();
17 
18         +function () {
19             alert(8)
20         }();
21 
22         (function () {
23             alert(9)
24         })();
25 
26         (function () {
27             alert(999)  //国外使用方法，国内一般不用
28         }());