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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <script type="text/javascript"> var infos=[['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']] //第一次筛选,找出都是大一的信息 var tmp=new Array(); for (var i in infos){ if(infos[i][3]=="大一"){ tmp[i]=infos[i]; } }; for(var i in tmp){ document.write(tmp[i]+"</br>"); } //第二次筛选,找出都是女生的信息 var women=new Array(); for (var i in tmp){ if(tmp[i][1]=='女'){ women[i]=tmp[i]; } }; for (var i in women){ document.write(women[i]+"</br>"); } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 这节多看几遍,重点理解空白节点判断所使用的的函数。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2017-08-22

  • <h1>操作成功</h1> <p><span id="second">5</span>秒后回到主页&nbsp;<a href="javascript:back()">返回</a></p> <script type="text/javascript"> var ss = document.getElementById("second").innerHTML; //获取显示秒数的元素,通过定时器来更改秒数。 function dec() { ss--; document.getElementById("second").innerHTML = ss; if(ss == 0) { window.location.assign("http://www.imooc.com"); } } setInterval("dec()",1000); //通过window的location和history对象来控制网页的跳转。 function back(){ window.history.back(); }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 怎样过滤空白节点?使用if(x.firstChild.nodeType=3)的话,对于第一个子节点就是文本的情况岂不是捉急?
    查看全部
  • function clock(){ var time=new Date(); var hs = time.getHours(); var ms = time.getMinutes(); var ss = time.getSeconds(); if(hs < 10){hs = "0" + hs;} if(ms < 10){ms = "0" + ms;} if(ss < 10){ss = "0" + ss;} document.getElementById("clock").value = time; var i = hs + " : "+ms + " : " + ss; } i = setInterVal(clock, 1000) ;
    查看全部
  • var attime; function clock(){ var time=new Date(); var hs = time.getHours(); var ms = time.getMinutes(); var ss = time.getSeconds(); if(hs < 10){hs = "0" + hs;} if(ms < 10){ms = "0" + ms;} if(ss < 10){ss = "0" + ss;} attime = hs + " : " + ms + " : " + ss; document.getElementById("clock").value = attime; } setInterval("clock()",1000);
    查看全部
  • //通过javascript的日期对象来得到当前的日期,并输出。 var date = new Date(); var str = '今天是' + date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日 星期' + date.getDay() ; document.write(str + "<br/>"); //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦 var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; var score = scoreStr.split(';'); // document.write(score); var sum = 0; for(var i in score){ document.write(score[i] + "<br />"); sum += parseInt(score[i].substr(score[i].indexOf(':') + 1)); } document.write("Sum=" + sum + "&nbsp;"); //从数组中将成绩撮出来,然后求和取整,并输出。 document.write("Ava=" + Math.round(sum / score.length));
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 取消计时器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>
    查看全部
  • 计时器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>
    查看全部
  • JavaScript 计时器 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。 计时器类型: 一次性计时器:仅在指定的延迟时间之后触发一次。 间隔性触发计时器:每隔一定的时间间隔就触发一次。 计时器方法: ----------------------------------------- 方法 | 说明 setTimeout() |指定的延迟时间之后来执行代码 clearTimeout() |取消clearTimeout()设置 setInterval() |每隔指定的时间执行代码 clearInterval() |取消setInterval()设置 -------------------------------------------
    查看全部
  • Math对象 Math对象,提供对数据的数学计算。 注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。 Math对象属性 E 返回算术常量e.即自然对数的底数(约等于2.718) LN2 返回2的自然对数(约等于0.693) LN10 返回10的自然对数(约等于2.302) LOG2E 返回以2为底的e的对数(约等于1.442) LOG10E 返回以10为底的e的对数(约等于0.434) PI 返回圆周率(约等于3.14159) SQRT1_2 返回2的平方根的倒数(约等于0.707) SQRT2 返回2的平方根(约等于1.414) Math对象方法 abs(x) 返回数的绝对值 acos(x) 返回数的反余弦值 asin(x) 返回数的反正弦值 atan(x) 返回数的反正切值 atan2(y,x)返回由x轴到点(x,y)的角度(以弧度为单位) ceil(x) 对数进行上舍入 cos(x) 返回数的余弦 exp(x) 返回e的指数 floor(x) 对数进行下舍入 log(x) 返回数的自然对数(底为e) max(x,y) 返回x和y中的最大值 min(x,y) 返回x和y中的最小值 pow(x,y) 返回x的y次幂 random() 返回0~1之间的随机数 round(x) 把数四舍五入为最接近的整数 sin(x) 返回数的正弦 sqrt(x) 返回数的平方根 tan(x) 返回数的正切 toSource()返回该对象的源代码 valueOf() 返回Math对象的原始值
    查看全部
    0 采集 收起 来源:Math对象

    2017-08-22

  • 删除: 需要删除当前行,那么就是删除自己,不能先找到爸爸再删除,应该直接自己删除自己,自己删除自己的事件就是 shanchu(this);//删除自己
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-22

  • 几点说明: ①目前试了Firefox、Google Chrome、IE三个浏览器,该事件只对IE起作用。 ②onunload事件对于刷新页面和超链接跳转其他页面情况有效,对于关闭页面无效。 ③onbeforeunload事件才对关闭页面有效。 ④window.onunload = onunload_message后面不需要加()。如果有人不管加没加(),都在页面跳转和刷新时弹不出提示框,是因为IE限制了网页运行脚本或ActiveX控件,点击“允许阻止的内容”,再刷新和跳转就可以看到效果了。 ⑤加了()的,在页面一打开就会弹出提示框,这个不是我们要实现的效果。 window.onbeforeunload = function(){return "Are you sure?";}
    查看全部
  • 支持的标签:<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> ,<style>,写在<body>内监听页面加载,正如写在<img>监听图像加载。
    查看全部
  • window对象 window对象是BOM的核心,window对象指当前的浏览器窗口。 window对象方法: ------------------------------------------------- 方法 | 描述 alert() |显示带有一段消息和一个确认按钮到警告框。 prompt() |显示可提示用户输入到对话框 confirm() |显示带有一段消息以及确认按钮和取消按钮带对话框 open() |打开一个新的浏览器窗口或查找一个已命名带窗口 close() |关闭浏览器窗口 print() |打印当前窗口的内容 focus() |把键盘焦点给予一个窗口 blur() |把键盘焦点从顶层窗口移开 moveBy() |可相对窗口的当前坐标把它移动指定的像素 moveTo() |把窗口的左上角移动到一个指定的坐标 resizeBy() |按照指定的像素调整窗口的大小 resizeTo() |把窗口的大小调整到指定的宽度和高度 scrollBy() |按照指定的像素来滚动内容 scrollTo() |把内容滚动到指定到坐标 setInterval() |每隔指定的时间执行代码 setTimeout() |在指定的时间延迟之后来执行代码 clearInterval() |取消setInterval()的设置 clearTimeout() |取消setTimeout()的设置 -----------------------------------------------------
    查看全部
    0 采集 收起 来源:window对象

    2017-08-22

举报

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

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