慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

Brandon_kz

note

查看全部

0 采集收起来源：向下取整floor()
2015-02-16
dexter_lea

在指定节点的最后一个子节点列表之后添加一个新的子节点。语法: appendChild(newnode) 参数: newnode：指定追加的节点。

查看全部

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

nte

查看全部

0 采集收起来源：向上取整ceil()
2015-02-16
dexter_lea

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

查看全部

0 采集收起来源：访问兄弟节点
2015-02-16
dexter_lea

获取指定节点的父节点语法： 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
阁楼小洁

forward()方法，加载 history 列表中的下一个 URL。如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法,代码如下: window.history.forward(); 注意：等价点击前进按钮。 forward()相当于go(1),代码如下: window.history.go(1);

查看全部

0 采集收起来源：返回下一个浏览的页面
2015-02-16
阁楼小洁

back()方法，加载 history 列表中的前一个 URL。语法： window.history.back(); 比如，返回前一个浏览的页面，代码如下： window.history.back(); 注意：等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.history.go(-1);

查看全部

0 采集收起来源：返回前一个浏览的页面
2015-02-16
阁楼小洁

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法： window.history.[属性|方法] 注意：window可以省略。

查看全部

0 采集收起来源：History 对象
2015-02-16
Rhoda

History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法： window.history.[属性|方法] 注意：window可以省略。属性有：length返回浏览器历史列表数量方法有：back()加载前一个url forward()加载下一个url go(number)加载某个具体页面:-1前一个,1后一个

查看全部

0 采集收起来源：History 对象
2015-02-16
dexter_lea

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

查看全部

0 采集收起来源：访问子节点的第一和最后项
2015-02-16
跳跃的频道

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

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2015-02-16
跳跃的频道

鼠标单击事件( onclick ） onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。比如，我们单击按钮时，触发 onclick 事件，并调用两个数和的函数add2()。代码如下： <html> <head> <script type="text/javascript"> function add2(){ var numa,numb,sum; numa=6; numb=8; sum=numa+numb; document.write("两数和为:"+sum); } </script> </head> <body> <form> <input name="button" type="button" value="点击提交" onclick="add2()" /> </form> </body> </html> 注意: 在网页中，如使用事件，就在该元素中设置事件属性。

查看全部

0 采集收起来源：鼠标单击事件( onclick ）
2018-03-22
跳跃的频道

什么是事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表:onclick,onmouseover,onmouseout,onchange,onselect,onfocus,onblur,onload,onunload

查看全部

0 采集收起来源：什么是事件
2015-02-16
跳跃的频道

返回值的函数思考:上一节函数中，通过"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
跳跃的频道

函数调用函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。第一种情况:在<script>标签内调用。 <script type="text/javascript"> function add2() { sum = 1 + 1; alert(sum); } add2();//调用函数，直接写函数名。 </SCRIPT> 第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。 <html> <head> <script type="text/javascript"> function add2() { sum = 5 + 6; alert(sum); } </script> </head> <body> <form> <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件，直接写函数名 </form> </body> </html> 注意:鼠标事件会在后面讲解。

查看全部

0 采集收起来源：函数调用
2018-03-22

首页上一页 7585 7586 7587 7588 7589 7590 7591 下一页尾页

0/150

提交

取消

开始学习

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

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