码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 知识

时间:2018-11-23 15:22:14      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:nbsp   data-   timeout   def   settime   使用   com   onclick   ==   

 

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         }());

 

JavaScript 知识

标签:nbsp   data-   timeout   def   settime   使用   com   onclick   ==   

原文地址:https://www.cnblogs.com/moying-wq/p/10007467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!