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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 计时器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>
    查看全部
  • 取消计时器clearInterval() clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值。
    查看全部
  • JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等) 2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
    查看全部
    0 采集 收起 来源:让你认识JS

    2017-07-10

  • 计时器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>
    查看全部
  • 嗯嗯嗯
    查看全部
  • zhen yun kankan
    查看全部
    0 采集 收起 来源:编程练习

    2017-07-10

  • 代码不懂,splice
    查看全部
    1 采集 收起 来源:编程练习

    2017-07-10

  • 编程练习 某班的成绩出来了,现在老师要把班级的成绩打印出来。 效果图: 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

  • 二维数组的定义方法二 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
    查看全部
    0 采集 收起 来源:二维数组

    2017-07-10

  • enenen
    查看全部
    0 采集 收起 来源:节点属性

    2017-07-10

  • 1. 二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j } } 2. 二维数组的定义方法二 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]] 3. 赋值 myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。 说明: myarr[0][1] ,0 表示表的行,1表示表的列。
    查看全部
    0 采集 收起 来源:二维数组

    2018-03-22

  • 嗯嗯嗯
    查看全部
  • myarray.length; //获得数组myarray的长度 注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr document.write(arr.length); //显示数组长度8 document.write(arr[7]); //显示第8个元素的值54 同时,JavaScript数组的length属性是可变的,这一点需要特别注意。 arr.length=10; //增大数组的长度 document.write(arr.length); //数组长度已经变为10 数组随元素的增加,长度也会改变,如下: var arr=[98,76,54,56,76]; // 包含5个数值的数组 document.write(arr.length); //显示数组的长度5 arr[15]=34; //增加元素,使用索引为15,赋值为34 alert(arr.length); //显示数组的长度16
    查看全部
  • 语法:node.firstChild 说明:与elementNode.childNodes[0]是同样的效果。
    查看全部
  • 添加一个字符型元素,所以元素都变为字符型
    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

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