慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕九州3211276

选中文本框内容发生的事件 onselect

查看全部

0 采集收起来源：内容选中事件（onselect）
2015-04-27
webloc

计时器setTimeout() setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。语法: setTimeout(代码,延迟时间); 参数说明： 1. 要调用的函数或要执行的代码串。 2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。当我们打开网页3秒后，在弹出一个提示框，代码如下: <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> setTimeout("alert('Hello!')", 3000 ); </script> </head> <body> </body> </html> 当按钮start被点击时，setTimeout()调用函数，在5秒后弹出一个提示框。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function tinfo(){ var t=setTimeout("alert('Hello!')",5000); } </script> </head> <body> <form> <input type="button" value="start" onClick="tinfo()"> </form> </body> </html> 要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身。在下面的代码，当按钮被点击后，输入域便从0开始计数。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>

查看全部

0 采集收起来源：计时器setTimeout()
2018-03-22
staryZdc

节点属性在文档对象模型 (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

查看全部

1 采集收起来源：节点属性
2015-04-26
staryZdc

setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。语法： elementNode.setAttribute(name,value) 说明： 1.name: 要设置的属性名。 2.value: 要设置的属性值。注意： 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。 2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。

查看全部

0 采集收起来源：setAttribute()方法
2015-04-26
webloc

取消计时器clearInterval() clearInterval() 方法可取消由 setInterval() 设置的交互时间。语法： clearInterval(id_of_setInterval) 参数说明: id_of_setInterval：由 setInterval() 返回的 ID 值。每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时，停止时间,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> function clock(){ var time=new Date(); document.getElementById("clock").value = time; } // 每隔100毫秒调用clock函数，并将返回值赋值给i var i=setInterval("clock()",100); </script> </head> <body> <form> <input type="text" id="clock" size="50" /> <input type="button" value="Stop" onclick="clearInterval(i)" /> </form> </body> </html>

查看全部

0 采集收起来源：取消计时器clearInterval()
2018-03-22
staryZdc

getAttribute()方法通过元素节点的属性名称获取属性的值。语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字

查看全部

0 采集收起来源：getAttribute()方法
2015-04-26
staryZdc

区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。把上面的例子转换到HTML中，如下: <input type="checkbox" name="hobby" id="hobby1"> 音乐 input标签就像人的类别。 name属性就像人的姓名。 id属性就像人的身份证。方法总结如下: getElementById("id") 通过指定id获得元素一个 getElementsByName("name") 通过元素名称name属性获得元素一组 getElementsByTagName("p") 通过标签名称获得元素一组

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-03-22
zmh7057

......

查看全部

0 采集收起来源：创建文本节点createTextNode
2015-04-26
staryZdc

getElementsByTagName()方法返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。语法: getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称，如p、a、img等标签名。 2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。

查看全部

0 采集收起来源：getElementsByTagName()方法
2015-04-26
chy_zsy

动态制作表格,显示班级信息。

查看全部

0 采集收起来源：编程练习
2015-04-26
staryZdc

getElementsByName()方法返回带有指定名称的节点对象的集合。语法： document.getElementsByName(name) 与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。 2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。

查看全部

0 采集收起来源：getElementsByName()方法
2015-04-26
fea

鼠标经过事件（onmouseover）鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2015-04-26
zmh7057

.....

查看全部

0 采集收起来源：替换元素节点replaceChild()
2015-04-26
staryZdc

HTML文档可以说由节点构成的集合，DOM节点有: 1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。节点属性: 1.nodeName:返回一个字符串，其内容是给定节点的名字 2.nodeType:返回一个整数，这个数值代表给定节点的类型 3.nodeValue:返回给定节点的当前值遍历节点树: 1.childNodes:返回一个数组，这个数组由给定元素节点的子节点构成 2.firstChild:返回第一个子节点 3.lastChild:返回最后一个子节点 4.parentNode:返回一个给定节点的父节点 5.nextSibling:返回给定节点的下一个子节点 6.previousSibling:返回给定节点的上一个子节点以上图ul为例，它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。 DOM操作: 1.createElement(element):创建一个新的元素节点 2.createTextNode():创建一个包含着给定文本的新文本节点 3.appendChild():指定节点的最后一个子节点列表之后添加一个新的子节点 4.insertBefore():将一个给定节点插入到一个给定元素节点的给定子节点的前面 5.removeChild():从一个给定元素中删除一个子节点 6.replaceChild():把一个给定父元素里的一个子节点替换为另外一个节点注意:前两个是document方法。

查看全部

0 采集收起来源：认识DOM
2018-03-22
webloc

计时器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>

查看全部

0 采集收起来源：计时器setInterval()
2018-03-22

首页上一页 7117 7118 7119 7120 7121 7122 7123 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面