慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

WhiteSaber

网页卷去的距离与偏移量 scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。注意: 1. 区分大小写 2. offsetParent：布局中设置postion属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2015-05-31
无风有浪

document.write(window.location.href) ;

查看全部

0 采集收起来源：Location对象
2015-05-31
WhiteSaber

网页尺寸scrollHeight scrollHeight和scrollWidth，获取网页内容高度和宽度(不包括滚动条)。一、针对IE、Opera: scrollHeight 是网页内容实际高度，可以小于 clientHeight。二、针对NS、FF: scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。

查看全部

0 采集收起来源：网页尺寸scrollHeight
2015-05-31
WhiteSaber

var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;

查看全部

0 采集收起来源：浏览器窗口可视区域大小
2015-05-31
WhiteSaber

createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。语法： document.createTextNode(data) 参数： data : 字符串值，可规定此节点的文本。 var element = document.createElement("P"); element.className = "message"; element.appendChild(document.createTextNode("I love JavaScript!")); document.body.appendChild(element);

查看全部

0 采集收起来源：创建文本节点createTextNode
2018-03-22
WhiteSaber

createElement()方法可创建元素节点。此方法可返回一个 Element 对象。语法： document.createElement(tagName) 参数: tagName：字符串值，这个字符串用来指明创建元素的类型。注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。 // btn.setAttribute("onclick", "javascript:alert('This is a text!');"); //设置点击事件类似的还有href属性 PS :innerHTML 不能通过setAttribute方法设置

查看全部

0 采集收起来源：创建元素节点createElement
2018-03-22
乌合之众

在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

查看全部

0 采集收起来源：退出循环break
2015-05-31
WhiteSaber

eplaceChild 实现子节点(对象)的替换。返回被替换对象的引用。语法： node.replaceChild (newnode,oldnew ) 参数： newnode : 必需，用于替换 oldnew 的对象。 oldnew : 必需，被 newnode 替换的对象。 1. 当 oldnode 被替换时，所有与之相关的属性内容都将被移除。 2. newnode 必须先被建立。 PS :如果直接把b标签的值（JavaScript）赋给新结点会失败，需要调用var newnodeText = document.createTextNode(oldnode.innerHTML);

查看全部

0 采集收起来源：替换元素节点replaceChild()
2015-05-31
雪梨奇异果

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title>  <script type="text/javascript"> //多行注释 /*我是多行注释！我需要隐藏，否则会报错哦！ */ //在页面中显示文字 document.write("系好安全带,准备启航--目标JS"+"<br>") //页面中弹出提示框 function duihua(){ var txt=confirm("请点击我，准备好了吗？"); if(txt==true) { document.write("准备好了，起航吧！！"); } else{document.write("请重新学习课程内容吆!");} } //单行注释 //我是单行注释，我也要隐藏起来！ </script> </head> <body> <input type="button" value="请点击我，准备好了吗" onclick="duihua()"> </input> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
WhiteSaber

遍历删除子节点，要从后往前删

查看全部

0 采集收起来源：删除节点removeChild()
2015-05-31
WhiteSaber

在指定节点的最后一个子节点列表之后添加一个新的子节点。语法: appendChild(newnode) 参数: newnode：指定追加的节点。我们来看看，div标签内创建一个新的 P 标签，代码如下:

查看全部

0 采集收起来源：插入节点appendChild()
2015-05-31
WhiteSaber

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

查看全部

0 采集收起来源：访问兄弟节点
2015-05-31
WhiteSaber

获取指定节点的父节点语法： elementNode.parentNode 注意:父节点只能有一个。

查看全部

0 采集收起来源：访问父节点parentNode
2015-05-31
和和和禾

要用到2个html实现，第一个进入这个index.html.然后才有历记录.index.html再反回第一个html

查看全部

0 采集收起来源：编程练习
2015-05-31
WhiteSaber

elementNode.childNodes 如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。 1. IE全系列、firefox、chrome、opera、safari兼容问题 2. 节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点

查看全部

0 采集收起来源：访问子节点childNodes
2015-05-31

首页上一页 6891 6892 6893 6894 6895 6896 6897 下一页尾页

0/150

提交

取消

开始学习

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

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