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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 访问父节点parentNode

    elementNode.paretNode

    父节点只有一个

    访问祖节点的父节点

    element.parentNode.parentNode


    查看全部
  • 访问子节点childNodes返回值可以看作是一个数组,他具有length属性

    语法:elementNode.childNodes

    如果选定的节点没有字节点,则该属性返回不包含节点的NodeList.


    查看全部
  • 文档对象(DOM),每一个节点都是一个对象

    DOM节点有三个重要属性:

    nodeName:节点的名称

    nodeValue:节点的值

    node Type节点的类型


    元素类型    节点类型

    元素             1

    属性            2

    文本            3

    注释             8

    文档            9





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

    2019-04-20

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


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

      

      var date = new Date();

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

      

      var n = date.getDay();

      

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

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

     



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

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

      var b = new Array();

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

          b[i]=a[i].split(":")[1];

      }

      var sum=0;

      for(var j=0;j<b.length;j++){

          sum+=parseInt(b[j]);

      }

      var aver=sum/b.length;

      document.write(date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日");

      document.write("&nbsp&nbsp"+week[n]+"--班级总分为:"+aver);


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-04-20

  • scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。

    scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。

    offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。

    offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。

    查看全部
  • var body= document.body;
    //创建链接
    function createa(url,text)
    {
        var a = document.createElement("a");
        a.href = url;
        a.innerHTML = text;
        a.style.color = "red";
        body.appendChild(a);
    }
    // 调用函数创建链接
    createa("http://www.imooc.com/","慕课网");

    查看全部
  • 创建元素节点createElement

    createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

    语法:

    document.createElement(tagName)


    查看全部
  • function getnum(){

        var mynode=document.getElementsByName("myt");

    alert(mynode.length);

    }

    查看全部
  • 变量也可以不声明,直接使用,但为了规范,需要先声明,后使用。



    查看全部
  • 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)navigator.userAgent


    查看全部
    0 采集 收起 来源:userAgent

    2019-04-19

  • Navigator对象包含有关浏览器的信息通常用于检测浏览器与操作系统的版本

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

    2019-04-19

  • var myhash=window.location.hash;        var myhost=window.location.host;        var myhostname=window.location.hostname;        var myhref=window.location.href;        var mypathname=window.location.pathname;        var myport=window.location.port;        var myprotocol=window.location.protocol;        var mysearch=window.location.search;                 document.write("当前从#开始的URL值为:"+myhash+"<br />");        document.write("当前主机名和当前URL的端口号为:"+myhost+"<br />");        document.write("当前URL的主机名为:"+myhostname+"<br />");        document.write("当前完整的URL为:"+myhref+"<br />");        document.write("当前URL的路径部分为:"+mypathname+"<br />");        document.write("当前URL的端口号为:"+myport+"<br />");        document.write("当前URL的协议为:"+myprotocol+"<br />");        document.write("当前从问号(?)开始的URL(查询部分)为:"+mysearch);

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

    2019-04-19

  • assign加载新的文档

    reload重新加载新的文档

    replacey用新的文档替换当前文档


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

    2019-04-18

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>二维数组</title>

    <script type="text/javascript">

    var myarr = new Array();

    for(i=0; i<3; i++){

        myarr[i] = new Array();

        for(j=0; j<6; j++){

            myarr[i][j]=i*j;

            document.write(myarr[i][j])

        }

        document.write("<br>")

    }




    </script>

    </head>


    <body>

    </body>

    </html>


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

    2019-04-18

  • Location对象

    locatiion用于获取或设置窗体URL,并且可以用于解析URL.

    语法:location.[属性][方法]

    location对象属性图示


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

    2019-04-18

举报

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

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