慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

xyhseo__style

访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。语法： elementNode.childNodes 注意：如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。 1. 使用getElementsByTagName与childNodes 2. 因为获取的孩子节点是一个数组，所以使用for循环。 3. 输出节点属性，nodeName、nodeType、nodeValue。 var x=document.getElementsByTagName("div")[0].childNodes; for(i=0;i<x.length;i++){ document.write("节点类型:"+x[i].nodeName+x[i].nodeType+x[i].nodeValue+"<br>");}

查看全部

0 采集收起来源：访问子节点childNodes
2018-03-22
坤_0804

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

取消计时器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> *****效果***** Tue Dec 23 2014 11:43:04 GMT+0800 (中国标准时间) 丨stop按钮丨点击stop按钮后时间停止走动。

查看全部

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

选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。如下代码,当选中用户文本框内的文字时，触发onselect 事件，并调用函数message()。

查看全部

0 采集收起来源：内容选中事件（onselect）
2014-12-23
澈澈澈澈澈儿

onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblur事件，并调用函数message()。

查看全部

0 采集收起来源：失焦事件（onblur）
2014-12-23
澈澈澈澈澈儿

当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。如下代码, 当将光标移到文本框内时，即焦点在文本框内，触发onfocus 事件，并调用函数message()。

查看全部

0 采集收起来源：光标聚焦事件（onfocus）
2014-12-23
澈澈澈澈澈儿

鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。例：当把鼠标移动到"登录"按钮上，然后再移开时，触发onmouseout事件，调用函数message()

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2018-03-22
pocanda

...

查看全部

0 采集收起来源：编程练习
2014-12-23
澈澈澈澈澈儿

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

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2014-12-23
xyhseo__style

在文档对象模型 (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 采集收起来源：节点属性
2014-12-23
你看上去很美味得样子

删除不行不知道为什么

查看全部

0 采集收起来源：编程练习
2014-12-23
风叶亦无声

屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这个前缀。我们来获取屏幕的高和宽

查看全部

0 采集收起来源：屏幕分辨率的高和宽
2014-12-23
坤_0804

计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。语法: setInterval(代码,交互时间); 参数说明： 1. 代码：要调用的函数或要执行的代码串。 2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000) *****代码***** <script type="text/javascript"> var attime; function clock(){ var time=new Date(); attime=time.getHours()+":"+" "+ time.getMinutes()+":"+" "+ time.getSeconds()+" "; document.getElementById("clock").value = attime; } setInterval(clock,100) </script> *****效果***** 11 : 27 : 35

查看全部

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

节点属性在文档对象模型 (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 采集收起来源：节点属性
2014-12-23
风叶亦无声

screen对象用于获取用户的屏幕信息。语法： window.screen.属性

查看全部

0 采集收起来源：screen对象
2014-12-23

首页上一页 7912 7913 7914 7915 7916 7917 7918 下一页尾页

0/150

提交

取消

开始学习

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

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