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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var main = document.body; //创建链接 function createa(url,text) { var urlnode = document.createElement("a"); urlnode.href=url; urlnode.innerHTML=text; urlnode.style.color="red"; main.appendChild(urlnode); } // 调用函数创建链接 createa("http://www.imooc.com" ,"慕课网");
    查看全部
  • var oldnode = document.getElementById('oldnode'); var newnode = document.createElement('i'); oldnode.innerHTML = newnode.innerHTML; oldnode.parentNode.replaceChild(newnode, oldnode);
    查看全部
  • var content=document.getElementById("content"); // 在此完成该函数 for(var i in content.childNodes){ content.removeChild(content.childNodes[i]); }
    查看全部
  • var otest = document.getElementById("test"); var newli = document.createElement("li"); newli.innerHTML = "PHP"; otest.insertBefore(newli,otest.childNodes[1]);
    查看全部
  • var otest = document.getElementById("test"); var newli = document.createElement("li"); newli.innerHTML = "JQuery"; otest.appendChild(newli);
    查看全部
  • var mylist = document.getElementById("tcon"); document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);
    查看全部
  • 取消计时器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>
    查看全部
  • var x=document.getElementById("con"); document.write(x.firstChild.nodeName + "<br />"); document.write(x.lastChild.nodeName);
    查看全部
  • var node = document.getElementsByTagName('div')[0].childNodes; for (var i in node){ document.write(i + " " + node[i].nodeValue + node[i].nodeName + node[i].nodeType + "<br />"); }
    查看全部
  • 计时器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>
    查看全部
  • js计时器 定义一个函数 熟练input 这节只知道setInterval(clock,毫秒);
    查看全部
  • parseInt(x)是返回x除去小数点后的所有数值的整数, Math.round(x)是四舍五入,返回距离x最近的整数
    查看全部
    0 采集 收起 来源:随机数 random()

    2017-08-22

  • var lnode = document.getElementsByTagName('li'); for(var i in lnode){ document.write(lnode[i].nodeName + "<br />"); document.write(lnode[i].nodeValue + "<br />"); document.write(lnode[i].nodeType + "<br />"); }
    查看全部
    0 采集 收起 来源:节点属性

    2018-03-22

  • function checkall(){ var hobby = document.getElementsByTagName("input"); for(var i in hobby){ hobby[i].checked = true; } } function clearall(){ var hobby = document.getElementsByName("hobby"); for(var i in hobby){ hobby[i].checked = false; } } function checkone(){ var j=document.getElementById("wb").value; var hobby = document.getElementsByTagName("input"); if(j < 0 || j > 6 || j == ''){ alert("Error Input"); }else{ hobby[j - 1].checked = true; } }
    查看全部
  • 我们要输出 2017年8月22日 星期二 这个var mydate=new Date(); 然后document.write(getFullYear()+“年”); 以此类推Month Day 在这里总结这星期的写法 varweekday=["星期日","星期一","星期二",...] document.write(weekday[mynum]); 之后要分割字符串 用的split(“-”); 取成绩用的slice 再parseInt var sum=0; var avg=0; for循环下 sum+=parseInt(atrs.[i]slice()); avg=sum / strs.length;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

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

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