为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 appendChild(newnode)
    查看全部
  • 注意:数组每个值有一个索引号,从0开始。 我们还可以用简单的方法创建上面的数组和赋值: 第一种方法: var myarray = new Array(66,80,90,77,59);//创建数组同时赋值 第二种方法: var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”) 注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)
    查看全部
  • clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值
    查看全部
  • 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000)
    查看全部
  • 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。 计时器类型: 一次性计时器:仅在指定的延迟时间之后触发一次。 间隔性触发计时器:每隔一定的时间间隔就触发一次。
    查看全部
  • window对象是BOM的核心,window对象指当前的浏览器窗口
    查看全部
    0 采集 收起 来源:window对象

    2015-06-09

  • 某班的成绩出来了,现在老师要把班级的成绩打印出来。 效果图: XXXX年XX月X日 星期X--班级总分为:81 格式要求: 1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。 2、计算出该班级的平均分(保留整数)。 同学成绩数据如下: "小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76" 任务 第一步:可通过javascript的日期对象来得到当前的日期。 提示:使用Date()日期对象,注意星期返回值为0-6,所以要转成文字"星期X" 第二步:一长窜的字符串不好弄,找规律后分割放到数组里更好操作哦。 第三步:分割字符串得到分数,然后求和取整。 提示:parseInt() 字符串类型转成整型
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用,停止计时器。 语法: clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。 下面的例子和上节的无穷循环的例子相似。唯一不同是,现在我们添加了一个 "Stop" 按钮来停止这个计数器: <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0,i; function timedCount(){ document.getElementById('txt').value=num; num=num+1; i=setTimeout(timedCount,1000); } setTimeout(timedCount,1000); function stopCount(){ clearTimeout(i); } </script> </head> <body> <form> <input type="text" id="txt"> <input type="button" value="Stop" onClick="stopCount()"> </form> </body> </html>
    查看全部
  • function checkall(){ var hobby = document.getElementsByTagName("input"); // 任务1 var i; for(i=0;i<hobby.length; i++){ if(hobby[i].type=="checkbox"){ hobby[i].checked=true;} } } function clearall(){ var hobby = document.getElementsByName("hobby"); // 任务2 for(var i=0; i<hobby.length;i++){ hobby[i].checked=false; } } function checkone(){ var j=document.getElementById("wb").value; var hobby=document.getElementsByName('hobby'); // 任务3 if(j>0&&j<7) { hobby[j-1].checked=true; } // 任务3 }
    查看全部
  • 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>
    查看全部
  • setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 语法: setTimeout(代码,延迟时间); 参数说明: 1. 要调用的函数或要执行的代码串。 2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。
    查看全部
  • 总之数组也有众多计算方法。。。开工记住……
    查看全部
    0 采集 收起 来源: Array 数组对象

    2015-06-09

  • 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。 若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。 若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值
    查看全部
  • 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/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!