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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 编程练习
    查看全部
    0 采集 收起 来源:编程挑战

    2017-12-26

  • 流程控制语句
    查看全部
    0 采集 收起 来源:编程练习

    2017-12-26

  • <script type='text/javascript'> var a,b,big; function bj(a,b){ if(a>b){ big=a; return big; } else if(a<b){ big=b; return big; } else{ big=a; return big; } } var big1=bj(552,41); document.write("最大者是:"+big1+"<br/>"); var big2=bj(22,10); document.write("最大者是:"+big2+"<br/>"); var big3=bj(99,99); document.write("最大者是:"+big3+"<br/>"); </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 编程练习
    查看全部
    0 采集 收起 来源:编程练习

    2017-12-26

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> </head> <body> <div> javascript <p>javascript</p> <div>jQuery</div> <h5>PHP</h5> </div> <script type="text/javascript"> var divnode=document.getElementsByTagName("div")[0].childNodes; for(i=0;i<divnode.length;i++) { var type=divnode[i].nodeType document.write("第"+(i+1)+"个节点的属性是"+type+"<br/>") } </script> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>节点属性</title> </head> <body> <ul> <li>javascript</li> <li>HTML/CSS</li> <li>jQuery</li> </ul> <script type="text/javascript"> var a=document.getElementsByTagName("li"); for(i=0;i<a.length;i++) { var nn=a[i].nodeName; var nv=a[i].nodeValue; var nt=a[i].nodeType; document.write("第"+(i+1)+"个LI标签的名称是"+nn+"<br/>"); document.write("第"+(i+1)+"个LI标签的值是"+nv+"<br/>"); document.write("第"+(i+1)+"个LI标签的类型是"+nt); document.write("<br/><br/>") } </script> </body> </html>
    查看全部
    0 采集 收起 来源:节点属性

    2018-03-22

  • go()方法:参数 1 前一个等于forward() 0 当前页面 -1后一个等于back() 其他 要访问的URL在history的url列表中的相对位置
    查看全部
  • window.history.back();=window.history.go(-1); 等价于后退 window.history.forward();=window.hietory.go(1);等价于前进
    查看全部
  • window.history.back():加载 history 列表中的前一个 URL。window.history.back()的作用等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.history.go(-1);
    查看全部
  • 一、不用return: function compare(a,b) { if(a>b){ document.write(a+"和"+b+"的较大值是:"+a+"<br>"); } else if(a<b){ document.write(a+"和"+b+"的较大值是:"+b+"<br>"); } else if(a==b){ document.write(a+"和"+b+"一样大"+"<br>"); } } compare(5,4); compare(6,3); 二、使用return: function compare(a,b) { if(a>b) { return a; } else if(a<b) { return b; } else { return "相等"; } } var con1=compare(5,4); var con2=compare(6,3); document.write(" 5 和 4 的较大值是:"+con1+"<br>"); document.write(" 6 和 3 的较大值是:"+con2+"<br>");
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>getAttribute()</title> </head> <body> <p id="intro">课程列表</p> <ul> <li title="第1个li">HTML</li> <li>CSS</li> <li title="第3个li">JavaScript</li> <li title="第4个li">Jquery</li> <li>Html5</li> </ul> <p>以下为获取的不为空的li标签title值:</p> <script type="text/javascript"> var con=document.getElementsByTagName("li"); for (var i=0; i< con.length;i++){ var text=con[i].getAttribute("title") if(text!=null) { document.write(text+"<br>"); } } </script> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>style样式</title> </head> <body> <h2 id="con">I love JavaScript</H2> <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p> <script type="text/javascript"> var mystyle=document.getElementById("con"); mystyle.style.color="red" mystyle.style.backgroundColor="#CCC" function hid() { mystyle.style.display="none" } function show() { mystyle.style.display="block" } </script> <form> <input type="button" onclick=hid() value="隐藏" /> <input type="button" onclick=show() value="显示" /> <form/> </body> </html>
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS基础</title> <script type="text/javascript"> function a(){ var a,b,sum; var a = 5; var b = 100%7; sum = a > b && a*b > 0 ; document.write( "我认为 a 的值是:" + "5" + " b的值是:" + "2" + "sum 的值是:" +"ture" +"<br/>"); document.write( "答案是,第一轮计算后,a 为:"+ a +";b为:"+b +";第一次计算sum为:"+ sum +"<br/>"); sum = ( (++a) + 3 ) / (2 - (--b) ) * 3; document.write( "再一次计算后,我认为 a 的值是:" + "6" + " b的值是:" + "1" + "sum 的值是:" + "27" +"<br/>"); document.write( "答案是,第二轮计算后,a 为:" + a + ";b为:" + b +";第二次计算sum为:"+ sum +",sum的类型也发生变化了。"); } </script> </head> <body> <input id="Button1" type="button" value="点击出结果" onclick="a()" /> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 随机数random()和四舍五入round()可以配合使用。
    查看全部
    0 采集 收起 来源:随机数 random()

    2017-12-25

  • 四舍五入
    查看全部
    0 采集 收起 来源:四舍五入round()

    2017-12-25

举报

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

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