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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 1、mylist.parentNode //获取 mylist 的父节点 ,就是他上面的ul 2、mylist.parentNode.parentNode //就是获取再上一级节点 就是ul上面的li 3、mylist.parentNode.parentNode.parentNode //就是获取2中li父节点 就是最外层的ul 4、mylist.parentNode.parentNode.parentNode.lasrChild //就是获取最外层ul的最后一个子节点 就是id=lesson4的那一个li

    dis.innerHTML 是获取dis的内容; dis.innerHTML="aaaa" 是设置dis的内容。

    查看全部
  • x.firstChild 相当于document.getElementById("id").firstChild  相当于只是找到了id的子节点,并没有实际输出的内容,输出是Element, 就类似于document.getElementById("id")的输出和

    document.getElementById("id")innerHTML输出的区别,前者只负责找到不负责里面的内容

    调整前,第一个子节点和最后一个子节点都是空白文本节点。

    调整后,第一个子节点:
    节点名:P (元素节点的nodeName和标签名相同)
    节点值:null(元素节点的nodeValue为null或者undefined)
    节点类型:1 (nodeType为1代表元素节点)

    调整后,最后一个子节点:
    节点名:H5
    节点值:null
    节点类型:1


    查看全部
  • <!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>

    运行于无穷循环的计数器!!

    查看全部
  • location用于获取或设置窗体的URL,并且可以用于解析URL。

    语法:

    location.[属性|方法]

    location.href  返回完整的url

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

    2018-03-24

  • insertBefore() 方法可在已有的子节点前插入一个新的子节点。是子节点!所以调用该方法的是父节点!

    查看全部
  • var myarr=new Array(); //先申明一维数组

    for(var i=0;i<3;i++){//一位的长度为二

        myarr[i]=new Array();//在申明一个认为数组

        for(var j=0;j<6;j++){二为数组的长为6

            myarr[i][j]=i*j;//赋值,没个数组袁术的值为i*j

        }

    }


    查看全部
    0 采集 收起 来源:二维数组

    2018-03-23

  • 浏览了下其他的网页,自己总结了下,不对的地方多多指教
    卸载事件通俗的讲,就是离开当前网页,离开当前网页有两种方式,
    1.像平常我们关闭网页,也就是离开网页了;2.在当前网页点击加载其他网页,跳转到其他网页,也是离开当前网页的一种;
    onunload属于第2种,只有当你要跳转到另一个页面时,也就是要离开当前网页了,要跳转到另一个网页了,onunload才会被触发;
    那平常时关闭网页就直接跳出一个对话框是怎么办到的?原来还有一个onbeforeunload,顾名思义,就是在onunload被执行之前,就被调用,无论是以上2种跳转方法中的哪种,onbeforeunload都会被触发

    查看全部
  • 加载事件onload()和点击事件onclick()非常重要。加载事件可以在页面加载前通过JS代码对页面样式做出调整,比如检测浏览器宽度屏幕分辨率之后,调整页面的相应尺寸,所以onload()非常实用。

    查看全部
  • javaScript数组的length属性是可变的,这一点需要特别注意。
    数组随元素的增加,长度也会改变

    arr.length=10; //增大数组的长度document.write(arr.length); //数组长度已经变为10


    查看全部
  • document.getElementsByTagName("title")出来是一个数组

    document.getElementsByTagName("title")[0]则是这个数组的第一个元素,

    要这样才能取到值

    查看全部
  •  function add3(x,y,z)

    {

          var x = parseInt(prompt("请输入第一个数:"));

          var y = parseInt(prompt("请输入第二个数:"));

          var z = parseInt(prompt("请输入第三个数:"));

      sum = x + y +z;

      document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");

    }



    查看全部
    0 采集 收起 来源:有参数的函数

    2018-03-23

  • forward()方法,加载 history 列表中的下一个 URL。

    如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:

    window.history.forward();

    注意:等价点击前进按钮。

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

    window.history.go(1);


    查看全部
  • back()方法,加载 history 列表中的前一个 URL。

    语法:

    window.history.back();

    比如,返回前一个浏览的页面,代码如下:

    window.history.back();

    注意:等同于点击浏览器的倒退按钮。

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

    window.history.go(-1);


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

    注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    语法:

    window.history.[属性|方法]

    注意:window可以省略。


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

    2018-03-23

  • <script type="text/javascript">


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

      var myDate = new Date();

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

      document.write(myDate.getFullYear() + "年" + myDate.getMonth() + "月" + myDate.getDay() + "日" + weekDays[myDate.getDay()]);


      

      

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

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

      

      var scoreArr = scoreStr.split(";");


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

      var avg = 0;

      var sum = 0;

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

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

      }

      avg = sum / scoreArr.length;

      document.write(sum + '<br>');

      document.write(parseInt(avg));



    </script>


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

    2018-03-23

举报

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

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