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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • window.onload = function(){ for(var i=1;i<trs.length;i++) { changeBg(trs[i]); } } function changeBg(obj){ obj.onmouseover=function(){ obj.style.backgroundColor="#f2f2f2"; } obj.onmouseout=function(){ obj.style.backgroundColor="#fff"; } } // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点; function add() { var lodnode=document.getElementById("table") var a=document.createElement("tr"); var b1=document.createElement("td"); var b2=document.createElement("td"); var b3=document.createElement("td"); var h=document.createElement("a"); h.innerHTML="删除" h.href="javascript" h.onclick="del(this)" b3.appendChild(h) a.appendChild(b1); a.appendChild(b2); a.appendChild(b3); lodnode.appendChild(a); } function del(obj) { var tr=obj.parentNode.parentNode;//得到按钮[obj]的父元素[td]的父元素[tr] tr.parentNode.removeChild(tr);//从tr的父元素[tbody]移除tr }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • for语句结构: for(初始化变量;循环条件;循环迭代) { 循环语句 } 假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。 <script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值;循环条件;循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script>
    查看全部
  • 计时器setTimeout() setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 语法: setTimeout(代码,延迟时间); 参数说明: 1. 要调用的函数或要执行的代码串。 2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。
    查看全部
  • clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值。
    查看全部
  • var num=0; function startCount() { document.getElementById('count').value=num; num=num+1; } setInterval(startCount,1000); 和 var num=0; function startCount() { document.getElementById('count').value=num; num=num+1; setTimeout(startCount,1000) ; } setTimeout(startCount,1000); 的效果一样
    查看全部
  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
    查看全部
  • 我们来做个周计划,周一、二学习理念知识,周三、四到企业实践,周五总结经验,周六、日休息和娱乐。请根据星期几做出选择,使用Switch语句完成,补充右边代码编辑器中第8、20、21行代码,完成星期几的判断。
    查看全部
  • 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css"> .message{ width:200px; height:100px; background-color:#CCC;} </style> </head> <body> <script type="text/javascript"> var element=document.createElement("p"); element.className="message" element.style.color="yellow" var text=document.createTextNode("I Love JavaScript") element.appendChild(text); document.body.appendChild(element); </script> </body> </html>
    查看全部
  • 推迟时间: <script type="text/javascript"> var mydate=new Date(); document.write("当前时间:"+mydate+"<br>"); mydate.setTime(mydate.getTime() + 60 * 60 * 1000); document.write("推迟一小时时间:" + mydate); </script>
    查看全部
  • newtd1.innerHTML=prompt("请输入学号:"); if(newtd1.innerHTML!=null){ newtr.appendChild(newtd1); } 其中的newtd1.innerHTML当做判断条件会出错!
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 不包括滚动条的窗口大小,兼容 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight;
    查看全部
  • 在不同浏览器都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • sort()方法使数组中的元素按照一定的顺序排列。 语法: arrayObject.sort(方法函数)
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2015-04-28

  • concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN)
    查看全部

举报

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

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