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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • https://img1.sycdn.imooc.com//5b39c3740001c87908050139.jpg

    value和text什么区别


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

    2018-07-02

  • window.history.back();

    back()相当于go(-1),代码如下:

    window.history.go(-1);


    查看全部
  • history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

    查看全部
    0 采集 收起 来源:History 对象

    2018-07-02

  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>JS基础</title>

    <script type="text/javascript">

      var a,b,sum;

      var  a  = 5;

      var  b  = 100%7;  

      sum = a > b && a*b > 0 ;

      document.write( "我认为 a 的值是:" + 5  + " b的值是:" + 2 + "sum 的值是:" + true+"<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>

    </body>

    </html>


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

    2018-07-02

  • 操作符之间的优先级(高到低):

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外


    查看全部
  • <table>标签中有个<tobody>的隐形标签。

    若想调用table中的子节,就必须先将tobody调出。

    比如运用lastchild找出table的tobdy。


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

    2018-07-02

  • var mylist = document.getElementById("tcon"); 

        document.write(mylist.parentNode.parentNode.parentNode.lastChild.innerHTML);

    查看全部
  • var x=document.getElementById("con");

        document.write(x.firstChild.nodeName+"<br/>");

        document.write(x.lastChild.nodeName+"<br/>");

    查看全部
  • var x=document.getElmentByTagName("div")[0].childNodes;

     for(i=0;i<x.length;i++){

         document.write("节点类型:"+x[i].nodeName+x[i].nodeYype+x[i].nodeValue+"</br>";)

     }

    查看全部
  • var node =document.getElementsByTagName("li");

         for (var i=0;i<node.length;i++){

             document.write("li["+(i+1)+"]:"+"<br/>"+"节点名:"+node[i].nodeName+"<br/>");

             document.write("节点值:"+node[i].nodeValue+"<br/>");

             document.write("节点类型:"+node[i].nodeType+"<br/><br/>");

         }

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

    2018-07-01

  • <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

            <title>无标题文档</title>

        </head>

        

        <body>

            <form>

              请选择你爱好:<br>

              <input type="checkbox" name="hobby" id="hobby1">  音乐

              <input type="checkbox" name="hobby" id="hobby2">  登山

              <input type="checkbox" name="hobby" id="hobby3">  游泳

              <input type="checkbox" name="hobby" id="hobby4">  阅读

              <input type="checkbox" name="hobby" id="hobby5">  打球

              <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

              <input type="button" value = "全选" onclick = "checkall();">

              <input type="button" value = "全不选" onclick = "clearall();">

              <p>请输入您要选择爱好的序号,序号为1-6:</p>

              <input id="wb" name="wb" type="text" >

              <input name="ok" type="button" value="确定" onclick = "checkone();">

            </form>

            <script type="text/javascript">

            function checkall(){

                var hobby = document.getElementsByTagName("input");

               for(var i=0;hobby.length>=i;i++){

                   hobby[i].checked=true;

               }

            }

            function clearall(){

                var hobby = document.getElementsByName("hobby");

                for(var i=0;hobby.length>=i;i++){

                   hobby[i].checked=false;

               }

                

            }5

            

            

            

            function checkone(){

                var j=document.getElementById("wb").value;

                var hobby = document.getElementsByName("hobby");

                if(j.charAt(0)>6&&j.charAt(0)>0||j.length!=1){

                    alert("输入越界,数值只能1~6");

                    document.getElementById("wb").value=" ";

                     for(var i=0;hobby.length>=i;i++){

                     hobby[i].checked=false;

               }

                }

                else{

                    hobby[j.charAt(0)-1].checked=true; 

                }      

                

                

                // for(var s=0;s<j.charAt(0);s++){

                //     hobby[s].checked=true;

                // }

          }

            </script>

        </body>

    </html>


    查看全部
  • 这个onselect是一种选中(这个选中是指你按着鼠标左键拖动鼠标选东西的时候)才会触发onselect  如果只是把光标放在框框内是不会触发的

    查看全部
  • 操作符之间的优先级(从高到低):

    算术操作符 > 比较操作符 > 逻辑操作符 > "="赋值符号


    查看全部
  • var  a=3;

       var b=a++;

       var c=a;   

       document.write(a);

       document.write(b);

       document.write(c);

        var  a=3;

       var b=++a;

       var d=a;

       document.write(a);

       document.write(b); 

       document.write(d);

    a++为3.  ++a为4.  

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

    2018-06-30


  • <!DOCTYPE  HTML>

    <html >

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>细节很重要</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var currentDate = new Date();

      var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];

      document.write(

          currentDate.getFullYear() + "年" + 

          (currentDate.getMonth() + 1) + "月" + 

          currentDate.getDate() + "日" +

          weekday[currentDate.getDay()]+"<br>"

          );

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

      var sorceStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

      var sourceArr = sorceStr.split(";");

       //从数组中将成绩撮出来,然后求和取整,并输出。

       var sum = 0;

       for (var i = 0; i < sourceArr.length; i ++) {

           sum+=parseInt(sourceArr[i].slice(3,5));

       }

       document.write("--班级总分为:" + sum+"<br>");

       document.write("班级平均分为(保留整数):" + Math.round(sum/sourceArr.length))

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-06-30

举报

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

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