您的位置：首页 > Web前端 > JavaScript

javascript基础知识系列：DOM学习

2014-06-22 15:03 337 查看

访问节点：

短距离的旅行：

　　parentNode:获得父节点。

　　firstChild:获得第一个子节点。

　　lastChild:获得子节点的最后一个。

访问节点的文本：

　　var x=[a.paragraph];

　　var text = x.firstChild.ndoeValue;

parentNode:长用来改变文档结构，删除

　　var x = document.getElementById("maindiv");

　　x.parentNode.removeChild(x);

两个特殊的属性可以访问根节点：

　　1.document.documentElement

　　2.document.body

节点信息

每个节点都拥有包含着关于节点某些信息的属性：

　　1.nodeName(节点名称)

　　2.nodeValue(节点值)

　　3.nodeType(节点类型)

nodeName:XML元素的标签名大写。

　　元素节点的nodeName　　是标签名

　　属性节点的nodeName　　是属性名称

　　文本节点的nodeName　　是#text

　　文档节点的nodeName　　是#document

nodeType:

　　文本节点的nodeValue　　包含文本

　　属性节点的nodeValue　　属性值

　　文档节点和元素节点不可用nodeValue

nodeType：节点属性类型

　　元素　　1

　　属性　　2

　　文本　　3

　　注释　　8

　　文档　　9

Window对象：

　　window表示浏览器中打开的窗口。如果文档包含框架(frame iframe标签),浏览器会为HTML文档创建一个window对象，为每一个框架创建一个额外的window对象。

frame[i]        //当前窗口的框架
self.frame[i]    //当前窗口的框架
w.frame[i]    //窗口 w 的框架

parent        //当前窗口的父窗口
self.parent    //当前窗口的父窗口
w.parent         //窗口 w 的父窗口

top        //当前框架的顶层窗口
self.top        //当前框架的顶层窗口
f.top        //框架 f 的顶层窗口

window中的方法：

　　setInterval():按照指定的周期来调用函数或计算表达式。

　　setTimeout():在指定的毫秒数后调用函数或计算表达式。

　　clearInterval():取消由setInterval()设置的timeout。

　　clearTimeout():取消由setTimeout()设置的timeout。

　　scrollBy():按指定的像素值来滚动内容。

　　scrollTo():把内容滚动到指定的坐标。

Navigator对象：包含浏览器信息。

　　appCodeName：返回浏览器的代码名。

　　appName：返回浏览器的名称。

　　appVersion：返回浏览器的平台和版本信息。

　　userAgent：返回由客户机发送服务器的user-agent头部值。

Screen对象：包含有关客户端显示屏幕的信息。

History对象：包含用户访问过的URL。可通过window.history访问。

　　length：返回浏览器历史列表中的URL数量。

　　back():加载history列表中的钱一个URL。

　　forward():加载history列表中的下一个URL。

　　go():加载history列表中的某个具体页面。

Location对象：包含有关当前URL的信息。可通过window.location对象访问。

　　hash:设置或返回从#号开始的URL(锚)。

　　host:设置或返回主机名和当前URL的端口号。

　　hostname:设置或返回当前URL的主机名。

　　herf:设置或返回完整的URL。

　　pathname:设置或返回当前URL的路径部分。

　　port:设置或返回当前URL的端口号。

　　protocol:设置或返回当前URL的协议。

　　search:设置或返回从?开始的URL(查询部分)。

　　

方法：

　　assign():加载新的文档。

　　reload():重新加载当前文档。

　　replace():用新的文档替换当前文档。

Document对象：Window对象的一部分。

　　每次载入浏览器的HTML文档都会成为Document对象。Document对象可以是我们从脚本中对HTML页面中的所有元素进行访问。

document对象集合：

　　all[]:提供对文档中所有HTML元素的访问。

　　anchors[]:返回对文档中所有ANchor对象的引用。

　　applets[]:返回对文档中所有applets对象的引用。

　　forms[]:返回对文档中所有form对象引用。

　　images[]:返回对文档中所有images对象引用。

　　links[]:返回对文档中所有links对象引用。

document对象属性：

　　body：提供对<body>元素的直接访问。

　　cookie：设置或放回当前文档有关的所有cookei信息。

　　domain：返回当前文档的域名。

　　lastModified：返回文档最后的修改时间和日期。

　　referrer：返回载入当前文档的文档的URL。

　　title：返回当前文档的标题。

　　URL:返回当前文档的URL。

Document对象方法：

　　close():关闭用 document.open() 方法打开的输出流，并显示选定的数据。

　　getElementById():返回对拥有指定 id 的第一个对象的引用。

　　getElmentsByName():返回带有指定名称的对象集合。

　　getElmentsByTagName():返回带有指定标签名的对象集合。

　　open():打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。

　　write():向文档写 HTML 表达式或 JavaScript 代码。

　　writeIn():等同于 write() 方法，不同的是在每个表达式之后写一个换行符。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航