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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • History 对象

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

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

    语法:

    window.history.[属性|方法]

    注意:window可以省略。

    History 对象属性

    History 对象方法

    使用length属性,当前窗口的浏览历史总长度,代码如下:

    <script type="text/javascript">   var HL = window.history.length;   document.write(HL); </script>


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

    2019-04-28

  • JS节点属性:

    在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :

    1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型

    一、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-04-28

  • 失焦事件 onblur

    查看全部
  • JS是区分大小写的


    查看全部
    0 采集 收起 来源:让你认识JS

    2019-04-28

  • 光标聚焦事件 onfocus

    查看全部
  • 鼠标移开事件onmouseout

    查看全部
  • 鼠标经过事件 onmouseover


    查看全部
  •  1、document.getElementsByName("name");   返回带有指定名称的节点对象的集合
    1)因为文档中的name属性可能不唯一,所以该方法返回的是元素的数组,而不是一个元素
    2)和数组类似,也有length属性,可以和访问数组一样的方法来访问,从0开始
    <script type="text/javascript">
    function getnum(){
      var mynode=document.getElementsByName("myt");  
      alert(mynode.length);
    }
    </script>

    <input name="myt" type="text" value="1">
    <input name="myt" type="text" value="2">
    <input name="myt" type="text" value="3">
    <input name="myt" type="text" value="4">
    <input name="myt" type="text" value="5">
    <input name="myt" type="text" value="6">
    <br />
    <input type="button" onclick="getnum()" value="看看有几项?" />
    点击按钮,弹出的数字是6

    2、document.getElementsByTagName("tagname"); 返回带有指定标签的节点对象的集合,返回元素的顺序是它们在文档中的顺序
    1)tagname是标签名称,如p、a、img等
    2)和数组类似也有length属性,可以和访问数组一样的方法来访问
    3、elementNode.getAttribute("name");   通过元素节点的属性名称获取属性的值
    1)elementNode是使用getElementById()、getElementsByTagName()等方法获取到的元素节点
    2)name是想要查询的元素节点的属性名字538d242700019ec809330432.jpg运行结果:h1标签的ID :alink

    h1标签的title :getAttribute()获取标签的属值
    4、element.setAttribute(name,value);  增加一个指定名称和值的新属性,或把现有属性设为指定的值
    1)把指定的属性设置为指定的值,若不存在具有指定名称的属性,该方法将创建一个新属性
    2)只能通过元素节点对象来调用函数


    查看全部
  • onclick是鼠标单击事件,

    查看全部
  • https://img1.sycdn.imooc.com//5cc540af000155b704770358.jpgaaaaaa

    查看全部
    0 采集 收起 来源:什么是事件

    2019-04-28

  • HTML代码可以分解为DOM节点层次:

    DOM节点可分为:元素节点、文本节点、属性节点

    元素节点:<html>、<body>、<p>等都是元素节点

    文本节点:向用户展示的内容,如<li></li>中的JavsScript、DOM、CSS等文本

    属性节点:元素属性,如<a>标签的链接属性href

    节点属性:

    遍历节点树:

    DOM操作:

    注意:前两个是document方法。


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

    2019-04-28

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

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

    2019-04-28

  • JavaScript 计时器

    在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
    计时器类型:
    一次性计时器:仅在指定的延迟时间之后触发一次。
    间隔性触发计时器:每隔一定的时间间隔就触发一次。
    计时器方法:


    查看全部
  • window对象

    window对象是BOM的核心,window对象指当前的浏览器窗口。

    window对象方法:


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

    2019-04-28

  • Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。

    注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句

    查看全部

举报

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

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