javascript基础知识系列：DOM学习
访问节点：
短距离的旅行：
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对象。
1 frame[i] //当前窗口的框架 2 self.frame[i] //当前窗口的框架 3 w.frame[i] //窗口 w 的框架 4 5 parent //当前窗口的父窗口 6 self.parent //当前窗口的父窗口 7 w.parent //窗口 w 的父窗口 8 9 top //当前框架的顶层窗口 10 self.top //当前框架的顶层窗口 11 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() 方法，不同的是在每个表达式之后写一个换行符。
posted on 2014-06-22 15:03 color_story 阅读(149) 评论(0) 编辑 收藏 举报
