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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 取消计时器clearInterval(): clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值。
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。 看看下面的代码:
    查看全部
  • 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 HTML文档可以说由借点构成的集合,DOM节点有: 1、元素节点:上图<html>、<body>、<p>等都是元素节点,即标签。 2、文本节点:向用户展示的内容,如<li>...<li>中的JavaScript、DOM、CSS等文本。 3、属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com" 节点属性: 方法 说明 nodeName 返回一个字符串,其内容是给定节点的名字。 nodeType 返回一个整数,这个数值代表给定节点的类型。 nodeValue 返回给定节点的当前值。 遍历节点树 方法 说明 childNodes 返回一个数组,这个数组由给定元素节点的子节点构成。 firstChild 返回第一个节点。 lastChild 返回最后一个节点。 parentNode 返回一个给定节点的父节点。 nextSibling 返回给定节点的下一个子节点。 previousSibling 返回给定节点的上一个子节点。 DOM操作: 方法 说明 createElement(element) 创建一个新的元素节点 createTextNode() 创建一个包含着给定文本的新文本节点 appendchild() 指定节点的最好一个子节点列表之后添加一个新的子节点。 insertBefore() 将一个给定节点插入到一个给定元素节点的 给定子节点的前面。 removeChild() 从一个给定元素中删除一个子节点。 replaceChild() 把一个给定父元素中删除一个子节点。 replaceChild() 把一个给定父元素里的一个子节点替换为另外一个节点。 注意:钱两个是document方法。 复习下之前的JavaScript入门
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 计时器setInterval(): 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000)
    查看全部
  • JavaScript 计时器: 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。 计时器类型: 一次性计时器:仅在指定的延迟时间之后触发一次。 间隔性触发计时器:每隔一定的时间间隔就触发一次。
    查看全部
  • window对象: window对象是BOM的核心,window对象指当前的浏览器窗口。
    查看全部
    0 采集 收起 来源:window对象

    2015-01-09

  • 数组排序sort(): sort()方法使数组中的元素按照一定的顺序排列。 语法: arrayObject.sort(方法函数) 1.如果不指定<方法函数>,则按unicode码顺序排列。 2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 选定元素slice(): slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该方法并不会修改数组,而是返回一个子数组。 注意: 1. 可使用负值从数组的尾部选取元素。 2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。 3. String.slice() 与 Array.slice() 相似。
    查看全部
    0 采集 收起 来源:选定元素slice()

    2015-01-09

  • 颠倒数组元素顺序reverse(): reverse() 方法用于颠倒数组中元素的顺序。 语法: arrayObject.reverse() 注意:该方法会改变原来的数组,而不会创建新的数组。
    查看全部
  • 指定分隔符连接数组元素join(): join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 语法: arrayObject.join(分隔符) 注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。
    查看全部
  • 数组连接concat(): concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。 语法 arrayObject.concat(array1,array2,...,arrayN) 注意: 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
    查看全部
  • Array 数组对象: 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的 数组定义的方法: 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组: var 数组名 =new Array(n); 3.定义数组的时候,直接初始化数据: var 数组名 = [<元素1>, <元素2>, <元素3>...]; *注意: 数组的下标用方括号括起来,从0开始。
    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-03-22

  • 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000) 我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; } </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html>
    查看全部
  • 编程练习 getElementById().innerHTML 通常用在文本 getElementById().value 通常用于文本框 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。 2. 如果点击“返回”按钮则返回前一个页面。 效果:
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-09

  • 卸载事件onunload
    查看全部

举报

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

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