常用dom对象介绍

DOM，来源于Document Object Model,即文档对象模型，它允许脚本控制Web页面、窗口和文档。

    DOM对象使用分层的父对象和子对象，这些对象的组织类似一个树形结构，并表示一个Web文档的所有内容和组建。基本的浏览器对象层次如下图所示：

window对象

    window对象代表一个浏览器窗口，操作window对象，即可操作浏览器窗口，从上图中我们可以看出，它有三个子对象，分别是document、history、location，window对象常用方法有：

window.alert('XXX');   //弹出提示对话框

window.open(url,name,"Feature List");  

window.prompt(message,default);  

window.confirm(message);     //用于显示确认对话框，参数是提示的内容

window.setTimeout('do()',time);  

另外还有对窗口的位置大小操作方法：

window.moveTo();    //移动到新位置

window.moveBy();   //相对于当前位置移动窗口

window.resizeTo();  //调整窗口宽度和高度

window.resizeBy();  //相对于当前尺寸调整窗口大小

 

document对象

document对象代表是一个Web文档或一个页面。Web文档在浏览器窗口中显示，所以很明显document对象是window对象的子对象。

document对象是DOM对象中一个非常重要的对象，它的方法和属性很多，常用的有：

document.URL     //文档的URL地址

document.title     //当前页面标题

document.linkColor   //文档链接颜色

document.bgColor    //文档背景颜色

document.links     //文档的link对象数组

document.write(content)    //作为html页面的一部分输出文字

 

history对象

history对象保存着当前地址之前和之后访问过的网址信息，它包括到达前一地址和后一地址的方法。

history对象常用属性和方法有：

history.length //保存历史列表的长度

history.go()   //打开历史列表中一个网址

history.back()  //载入历史列表中前一个网址

histroy.forword()  //载入历史列表中后一个网址

 

location对象

location对象存储的是存储在窗口中的当前URL网址的信息。例如当前窗口的URL如下：

http://blog.sina.com.cn:80/zekai123

location.protocol是网址的协议部分，本例中是http:

location.hostname是网址的主机名，本例中是www.sina.com.cn

location.port是网址的端口号，本例中是80

location.pathname是网址的文件名部分，本例中是zekai123

 

     DOM是JavaScript最重要的工具之一，是JavaScript制作动态页面的强有力工具。上面介绍的只是DOM中很小的一部分。

转载自http://blog.sina.com.cn/s/blog_6321ab240100tvfp.html