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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 第一和最后子节点

    node.firstChild
    node.lastChild


    查看全部
  • 子节点

    elementNode.childNodes


    查看全部
  • node 节点属性

    一、nodeName 属性: 节点的名称,是只读的。

    1. 元素节点的 nodeName 与标签名相同
    2. 属性节点的 nodeName 是属性的名称
    3. 文本节点的 nodeName 永远是 #text
    4. 文档节点的 nodeName 永远是 #document

    二、nodeValue 属性:节点的值

    1. 元素节点的 nodeValue 是 undefined 或 null
    2. 文本节点的 nodeValue 是文本自身
    3. 属性节点的 nodeValue 是属性的值

    三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:

    元素类型    节点类型
      元素          1
      属性          2
      文本          3
      注释          8
      文档          9


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

    2019-02-27

  • elementNode.getAttribute(name)
    elementNode.setAttribute(name,value)


    查看全部
  • 更改checkbox 类型的input标签的选中状态

    element.checked = true|false

    查看全部
  • Navigator浏览器相关对象

    <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-02-27

  • location对象

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

    5354b1d00001c4ec06220271.jpg

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

    2019-02-27

  • window.history.forward();
    window.history.go(1);


    查看全部
  • 返回上一个浏览的页面

    window.history.back()


    查看全部
  • history对象

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

    • 当前窗口的浏览历史总长度:

    window.history.length


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

    2019-02-27

  • 延迟执行

    setTimeout(代码,延迟时间);


    查看全部
  • 1.setInterval()

    在执行时,从载入页面后每隔指定的时间执行代码。

    • 调用函数格式(假设有一个clock()函数):

    setInterval("clock()",1000)
    或
    setInterval(clock,1000)
    • 返回值:

    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

    2.日期(Date)转换成字符串

    var time=new Date();          
    var attime=time.toUTCString();

    3.截取指定位置字符串

    str.substring(16,25)


    查看全部
  • 数组排序sort()

    1. 如果不指定<方法函数>,则按unicode码顺序排列。

    var ary=["80","16","50","6","100","1"];
    document.write(ary.sort());

    运行结果:

    1,100,16,50,6,80
    1. 如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

    function sortNum(a,b) {
      return a - b;
     //升序,如降序,把“a - b”该成“b - a”
    }
    var ary=["80","16","50","6","100","1"];
    document.write(ary.sort(sortNum));

    运行结果

    1,6,16,50,80,100


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2019-02-27

  • 向上取整

    Math.ceil(x)


    查看全部
    0 采集 收起 来源:向上取整ceil()

    2019-02-27

  • substring()

    使用 substring() 从字符串中提取字符串,代码如下:

    <script type="text/javascript">
      var mystr="I love JavaScript";
      document.write(mystr.substring(7));
      document.write(mystr.substring(2,6));
    </script>

    运行结果:

    JavaScript
    love


    查看全部

举报

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

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