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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 错误:var a=n.get_previousSibling;

    正确:var i=a.previousSibling;

    备注:get_previousSibling(n)是函数。


    var i=get_previousSibling(a);//这里运行了上面列的函数


    遗忘的知识点:


    &&是“与”的意思


    while (条件) {

        要执行的代码块

    }


    查看全部
    0 采集 收起 来源:访问兄弟节点

    2019-06-19

  • function get_previousSibling(n)
    {
    var x=n.previousSibling;
    while (x && x.nodeType!=1)
      {
      x=x.previousSibling;
      }
    return x;
    }

    查看全部
    0 采集 收起 来源:访问兄弟节点

    2019-06-19

  • <script type="text/javascript">
      var mynode= document.getElementById("con");
      document.write(mynode.parentNode.parentNode.nodeName);
    </script>

    查看全部
  • 输出指定元素的第一个子节点。

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

    输出指定元素的最后一个子节点。 document.write(x.lastChild.nodeName+"<br>")

    查看全部
  • 获取的子节点。var x=document.getElementsByTagName("div")[0].childNodes;

    使用for遍历每个节点。for(i=0;i<x.length;i++)

    输出相应节点的属性。                                                {document.write("节点类型:"+x[i].nodeName+x[i].nodeType+x[i].nodeValue+"<br>");}


    查看全部
  • 备注:错误地认为lesson4不是lastChild 。


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    var infos=[['小A','女',21,'大一'], ['小B','男',23,'大三'],

    ['小C','男',24,'大四'], ['小D','女',21,'大一'],

    ['小E','女',22,'大四'], ['小F','男',21,'大一']];

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

        if(infos[i][3]=="大一"&&infos[i][1]=="女")

        document.write(infos[i]);

    }

    </script>

    </head>

    <body>

    </body>

    </html>

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

    2019-06-19

  • 错误:x.firstNode

    正确:x.firstChild

    语法:node.firstChild/node.lastChild 

    说明:element.firstChild与elementNode.childNodes[0]是同样的效果。 

    查看全部
  • 我们来获取屏幕的可用高和宽度,代码如下:

    <script type="text/javascript">
    document.write("可用宽度:" + screen.availWidth);
    document.write("可用高度:" + screen.availHeight);
    </script>

    注意:根据屏幕的不同显示值不同。


    查看全部
  • <script type="text/javascript">
      document.write( "屏幕宽度:"+screen.width+"px<br />" );
      document.write( "屏幕高度:"+screen.height+"px<br />" );
    </script>

    查看全部
  • 查看浏览器的名称和版本,代码如下:

    <script type="text/javascript">
       var browser=navigator.appName;
       var b_version=navigator.appVersion;
       document.write("Browser name"+browser);
       document.write("<br>");
       document.write("Browser version"+b_version);</script>


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

    2019-06-19

  • 对象属性:


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

    2019-06-19

  • location对象属性图示:

    location 对象属性:

    location 对象方法:


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

    2019-06-19

  • 返回下一个浏览的页面

    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);
    查看全部

举报

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

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