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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • getAttribute()方法

    通过元素节点的属性名称获取属性的值。

    语法:

    elementNode.getAttribute(name)

    说明:

    1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。

    2. name:要想查询的元素节点的属性名字


    查看全部
  • getElementsByTagName()方法

    返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。

    语法:

    document.getElementsByTagName(Tagname)

    说明:

    1. Tagname是标签的名称,如p、a、img等标签名。

    2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。

    看看下面代码,通过getElementsByTagName()获取节点

    53ec174a0001404206540436.jpg

    查看全部
  • getElementsByName()方法

    返回带有指定名称的节点对象的集合。

    语法:

    document.getElementsByName(name)

    与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

    注意:

    1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

    2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。


    查看全部
  • 节点属性:5375c953000117ee05240129.jpg遍历节点树:53f17a6400017d2905230219.jpgDOM操作:538d29da000152db05360278.jpg

    查看全部
    0 采集 收起 来源:认识DOM

    2019-08-10

  • screen对象

    screen对象用于获取用户的屏幕信息。

    语法:

    window.screen.属性

    5354d2810001a47706210213.jpg

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

    2019-08-10

  • userAgent

    返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

    语法

    navigator.userAgent

    几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。

    535a3a4a0001e03f06870189.jpg

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

    2019-08-10

  • Navigator对象

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

    对象属性:

    5354cff70001428b06880190.jpg

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

    2019-08-10

  • Location对象

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

    语法:

    location.[属性|方法]

    location对象属性图示:

    53605c5a0001b26909900216.jpglocation 对象属性:

    5354b1d00001c4ec06220271.jpglocation 对象方法:

    5354b1eb00016a2405170126.jpg

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

    2019-08-10

  • 语法:

    window.history.go(number);

    5354947e00011a9a06490153.jpg



    查看全部
  • History 对象

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

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

    语法:

    window.history.[属性|方法]

    注意:window可以省略。

    History 对象属性

    53548c030001759e05840068.jpgHistory 对象方法

    53548c200001228206210123.jpg

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

    2019-08-10

  • 语法:

    setInterval(代码,交互时间);

    参数说明:

    1. 代码:要调用的函数或要执行的代码串。

    2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

    返回值:

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


    查看全部
  • window对象方法:

    535483720001a54506670563.jpg

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

    2019-08-10

  • 数组方法:

    533295ab0001dead05190599.jpg

    查看全部
    0 采集 收起 来源: Array 数组对象

    2019-08-10

  • Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。532fe7cf0001e7b505170269.jpg532fe841000174db05160622.jpg

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

    2019-08-10

  • substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)
    注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推

    如果startPos为负数且绝对值大于字符串长度,startPos为0。532bf2e00001105305100098.jpg

    查看全部

举报

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

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