慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

一只想要学好前端的小白
```
Location对象
```
location用于获取或设置窗体的URL，并且可以用于解析URL。
语法:
```
location.[属性|方法]
```
location对象属性图示:
location 对象属性：
location 对象方法:
获取当前显示的文档的URL，并输出。
查看全部

0 采集收起来源：Location对象
2018-04-06
一只想要学好前端的小白
```
History 对象
```
查看全部

0 采集收起来源：History 对象
2018-04-06
一只想要学好前端的小白
```
取消计时器clearTimeout()
```
setTimeout()和clearTimeout()一起使用，停止计时器。
语法:
```
clearTimeout(id_of_setTimeout)
```
参数说明:
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
查看全部

0 采集收起来源：取消计时器clearTimeout()
2018-04-06

一只想要学好前端的小白

计时器setTimeout()

setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

语法:

setTimeout(代码,延迟时间);

参数说明：

1. 要调用的函数或要执行的代码串。
2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。

当我们打开网页3秒后，在弹出一个提示框，代码如下:

<!DOCTYPE HTML> <html> <head> <script type="text/javascript">   setTimeout("alert('Hello!')", 3000 ); </script> </head> <body> </body> </html>

当按钮start被点击时，setTimeout()调用函数，在5秒后弹出一个提示框。

<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function tinfo(){   var t=setTimeout("alert('Hello!')",5000);  } </script> </head> <body> <form>   <input type="button" value="start" onClick="tinfo()"> </form> </body> </html>

要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身。在下面的代码，当按钮被点击后，输入域便从0开始计数。

<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){  document.getElementById('txt').value=num;  num=num+1;  setTimeout("numCount()",1000);  } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>

查看全部

0 采集收起来源：计时器setTimeout()

2018-04-06

一只想要学好前端的小白

取消计时器clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的交互时间。

语法：

clearInterval(id_of_setInterval)

参数说明:
id_of_setInterval：由 setInterval() 返回的 ID 值。

每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时，停止时间,代码如下:

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript">    function clock(){       var time=new Date();                            document.getElementById("clock").value = time;    } // 每隔100毫秒调用clock函数，并将返回值赋值给i      var i=setInterval("clock()",100); </script> </head> <body>   <form>     <input type="text" id="clock" size="50"  />     <input type="button" value="Stop" onclick="clearInterval(i)"  />   </form> </body> </html>

查看全部

0 采集收起来源：取消计时器clearInterval()

2018-04-06

一只想要学好前端的小白
```
计时器setInterval()
```
在执行时,从载入页面后每隔指定的时间执行代码。
语法:
```
setInterval(代码,交互时间);
```
参数说明：
1. 代码：要调用的函数或要执行的代码串。
2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
返回值:
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式(假设有一个clock()函数):
```
setInterval("clock()",1000) 或 setInterval(clock,1000)
```
我们设置一个计时器，每隔100毫秒调用clock()函数，并将时间显示出来，代码如下:
```
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript">   var int=setInterval(clock, 100)   function clock(){     var time=new Date();     document.getElementById("clock").value = time;   } </script> </head> <body>   <form>     <input type="text" id="clock" size="50"  />   </form> </body> </html>
```
查看全部

0 采集收起来源：计时器setInterval()
2018-04-06
007号学员

思维拓展
原本是打算用排除法；找到符合大一，以及女生这俩个条件的信息， break , 然后输出~！但是代码写出来无法执行，可能是哪里写错了。本来是新手，代码写错是经常的。
我这里换了另外一种方式，就是直接找符合条件的人。再输出。
缺点: 没有排除法简洁，快速。
优点; 逻辑更为清晰，适合我们这样的新手。直接找符合条件的输出就OK 了

查看全部

0 采集收起来源：编程练习
2018-04-06
007号学员

思维拓展第二种方式: 更简洁，更快速。
算是自己对于所学到的JS一种理解。

查看全部

0 采集收起来源：退出循环break
2018-04-06
一只想要学好前端的小白
```
JavaScript计时器
```
在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。
计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
计时器方法：
查看全部

0 采集收起来源：JavaScript 计时器
2018-04-06
一只想要学好前端的小白
```
window对象方法[object Object]
```
查看全部

0 采集收起来源：window对象
2018-04-06
007号学员

在任何情况下，do ..... while 都会执行代码一次，因为他的结构是先运行代码，后做判断。所以在任何不满足条件下，都会自己执行代码一次。

查看全部

0 采集收起来源：来来回回(Do...while循环)
2018-04-06
007号学员

求和，计算之后。
思维拓展下，用乘法，发现 sum = 0 ,是没法运算的。通透。。。。。

查看全部

0 采集收起来源：重复重复（for循环）
2018-04-06
007号学员

创建二维数组：任务并未给到数组包含的内容所有使用第一种方式比较好；因为是空数组；
理解，二维数组就是数组中包含数组。第一种方式跟循环遍历数组差不多，循环遍历中用了 lenght, 遍历，而任务创建二维数组中我这里给的值是数组的的长度！！！

查看全部

0 采集收起来源：二维数组
2018-04-05

与日

emmmm写不出来

 <script type="text/javascript">
        var mm = document.getElementsByName("hobby");
        document.write(mm);
        function checkall(){
            var hobby = document.getElementsByTagName("input");
            for(var i=0;i<hobby.length;i++){
               if(hobby[i].type=="checkbox"){
                   hobby[i].checked=true;
               }
            }
          // 任务1 
           
        }
        function clearall(){
            var hobby = document.getElementsByName("hobby");
            for(var i=0;i<hobby.length;i++){
               if(hobby[i].type=="checkbox"){
                   hobby[i].checked=false;
               }
            }
         // 任务2    
            
        }
        
        function checkone(){
            var j=document.getElementById("wb").value;
                for(i=0;i<j.length;i++){
                var num = "hobby"+j.charAt(i);
                document.getElementById(num).setAttribute("checked",true);
                //document.getElementById(num).checked = true;
            }
         // 任务3
        
        }
        
        </script>

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName

2018-04-05

007号学员

数组内容为4个，所以长度为 4；
我在本任务中，通过循环遍历了数组的每个内容，再做输出。
i 代表着循环中数组的索引下标。

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2018-04-05

首页上一页 853 854 855 856 857 858 859 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面