慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

CoolTea

访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。语法： nodeObject.nextSibling 说明：如果无此节点，则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。语法： nodeObject.previousSibling 说明：如果无此节点，则该属性返回 null。注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。解决问题方法: 判断节点nodeType是否为1, 如是为元素节点，跳过。 eg: function get_nextSibling(n){ var x=n.nextSibling; while (x && x.nodeType!=1){ x=x.nextSibling; } return x; }

查看全部

0 采集收起来源：访问兄弟节点
2018-03-22
scau_zero

appendChild ( node ) ;是为列表的最后一个子节点后添加一个子节点

查看全部

0 采集收起来源：插入节点appendChild()
2015-02-23
CoolTea

访问父节点parentNode 获取指定节点的父节点语法： elementNode.parentNode 注意:父节点只能有一个。看看下面的例子,获取 P 节点的父节点，代码如下: <div id="text"> <p id="con"> parentNode 获取指点节点的父节点</p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.nodeName); </script> 运行结果: parentNode 获取指点节点的父节点 DIV 访问祖节点: elementNode.parentNode.parentNode 看看下面的代码: <div id="text"> <p> parentNode <span id="con"> 获取指点节点的父节点</span> </p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.parentNode.nodeName); </script> 运行结果: parentNode获取指点节点的父节点 DIV 注意: 浏览器兼容问题，chrome、firefox等浏览器标签之间的空白也算是一个文本节点。

查看全部

0 采集收起来源：访问父节点parentNode
2018-03-22
CoolTea

访问子结点的第一和最后项一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法： node.firstChild 说明：与elementNode.childNodes[0]是同样的效果。二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法： node.lastChild 说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。注意: 上一节中，我们知道Internet Explorer 会忽略节点之间生成的空白文本节点，而其它浏览器不会。我们可以通过检测节点类型，过滤子节点。

查看全部

0 采集收起来源：访问子节点的第一和最后项
2015-02-23
CoolTea

访问子结点childNodes 访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。语法： elementNode.childNodes 注意：如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。注意: 1. IE全系列、firefox、chrome、opera、safari兼容问题 2. 节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点。

查看全部

0 采集收起来源：访问子节点childNodes
2015-02-23
技术猿_陈小思

function 内的 setTimeout("startCount()",5000);是为了实现递归调用

查看全部

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

搬运来的，感谢ID：tombi的用户

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2015-02-22
成王败寇

clearInterval() 方法可取消由 setInterval() 设置的交互时间。语法： clearInterval(id_of_setInterval) 参数说明: id_of_setInterval：由 setInterval() 返回的 ID 值。

查看全部

0 采集收起来源：取消计时器clearInterval()
2015-02-22
成王败寇

语法: setInterval(代码,交互时间); 参数说明： 1. 代码：要调用的函数或要执行的代码串。 2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000)

查看全部

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

JavaScript 计时器在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。计时器类型：一次性计时器：仅在指定的延迟时间之后触发一次。间隔性触发计时器：每隔一定的时间间隔就触发一次。计时器方法： setTimeout() 指定延迟时间之后来执行代码 clearTimeout() 取消setTimeout()设置 setInterval() 每个指定的时间执行代码 clearInterval()取消setInterval()设置

查看全部

0 采集收起来源：JavaScript 计时器
2015-02-22
会飞的柠檬

返回值的函数思考:上一节函数中，通过"document.write"把结果输出来，如果想对函数的结果进行处理怎么办呢？我们只要把"document.write(sum)"这行改成如下代码： function add2(x,y) { sum = x + y; return sum; //返回函数值,return后面的值叫做返回值。 } 还可以通过变量存储调用函数的返回值，代码如下: result = add2(3,4);//语句执行后,result变量中的值为7。注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。

查看全部

0 采集收起来源：返回值的函数
2018-03-22
成王败寇

window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: alert() - 显示带有一段信息和一个确认按钮的警示框 prompt() - 显示可提示用户输入的对话框 confirm() - 显示带有一段消息及确认按钮和取消按钮的对话框 open() - 打开一个新的浏览器窗口或查找一个已命名的窗口 close() - 关闭浏览器窗口 print() - 打印当前窗口的内容 focus() - 把键盘焦点给予一个窗口 blur() - 把键盘焦点从顶层窗口离开 moveBy() - 相对窗口的当前坐标把它移动指定的像素 moveTo() - 把窗口的左上角移动到指定的坐标 resizeBy() - 按照指定的像素调整窗口的大小 resizeTo() - 把窗口的大小调整到指定的宽度和高度 scrollBy() - 按照指定的像素值来滚动内容 scrollTo() - 把内容滚动到指定的坐标 setInterval() - 每隔指定的时间执行一次代码 setTimeout() - 在指定延迟时间之后执行代码 clearInterval() - 取消setInterval()的设置 clearTimeout() - 取消setTimeout()的设置

查看全部

0 采集收起来源：window对象
2015-02-22
CoolTea

节点属性在文档对象模型 (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 采集收起来源：节点属性
2015-02-22
CoolTea

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

查看全部

0 采集收起来源：setAttribute()方法
2015-02-22
会飞的柠檬

有参数的函数上节中add2()函数不能实现任意指定两数相加。其实，定义函数还可以如下格式： function 函数名(参数1,参数2) { 函数代码 } 注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。按照这个格式，函数实现任意两个数的和应该写成： function add2(x,y) { sum = x + y; document.write(sum); } x和y则是函数的两个参数，调用函数的时候，我们可通过这两个参数把两个实际的加数传递给函数了。例如，add2(3，4)会求3+4的和，add2(60,20)则会求出60和20的和。

查看全部

0 采集收起来源：有参数的函数
2015-02-22

首页上一页 7569 7570 7571 7572 7573 7574 7575 下一页尾页

0/150

提交

取消

开始学习

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

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