JavaScript的几种对象

      JavaScript由ECMAScript（基本语法），BOM和DOM组成，下面是对JS中一些对象的总结。 <o:p></o:p>

一.BOM<o:p></o:p>

BOM指（Brower Object Model）浏览器对象模型。<o:p></o:p>

从BOM的角度看，侧重于从集合的角度看问题，把页面划分为不同的部分，以及页面本身的一些属性，如背景色，标题名称等，由于BOM的实现是基于浏览器的，所以不同浏览器的属性和方法有不一致之处，这造成很多麻烦。注意一些一致的，常用的属性和方法，BOM把页面分为如下几部分：<o:p></o:p>

anchors : Collection of all anchors in the page(represented by <v:shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><v:stroke joinstyle="miter"></v:stroke><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0"></v:f><v:f eqn="sum @0 1 0"></v:f><v:f eqn="sum 0 0 @1"></v:f><v:f eqn="prod @2 1 2"></v:f><v:f eqn="prod @3 21600 pixelWidth"></v:f><v:f eqn="prod @3 21600 pixelHeight"></v:f><v:f eqn="sum @0 0 1"></v:f><v:f eqn="prod @6 1 2"></v:f><v:f eqn="prod @7 21600 pixelWidth"></v:f><v:f eqn="sum @8 21600 0"></v:f><v:f eqn="prod @7 21600 pixelHeight"></v:f><v:f eqn="sum @10 21600 0"></v:f></v:formulas><v:path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></v:path><o:lock aspectratio="t" v:ext="edit"></o:lock></v:shapetype><v:shape id="_x0000_i1025" style="WIDTH: 0.75pt; HEIGHT: 0.75pt" alt="" type="#_x0000_t75"><v:imagedata o:href="http://ltc603.iteye.com/javascripts/fckeditor/editor/images/spacer.gif" src="file:///C:\DOCUME~1\ADMINI~1\LOCALS~1\Temp\msohtml1\01\clip_image001.gif"></v:imagedata></v:shape>)<o:p></o:p>

applets : Collection of all applets in the page<o:p></o:p>

forms : Collection od all embeded objects in the page(represented by the tag)<o:p></o:p>

images : Collection of all forms in the page<o:p></o:p>

links : Collection of all links in the page (represented by )<o:p></o:p>

二.Window对象<o:p></o:p>

Window对象属于BOM对象。<o:p></o:p>

他是JavaScript 层级中的顶层对象。Windows 对象会呈现 (represent) 一个浏览器窗口。每当 或者标签出现，Window 对象就会被自动创建。观察BOM的体系结构，所有的对象都源自window对象，<o:p></o:p>

window对象的属性：<o:p></o:p>

对象<o:p></o:p>	描述<o:p></o:p>
Navigator<o:p></o:p>	包含客户端浏览器的信息。<o:p></o:p>
Screen<o:p></o:p>	包含客户端显示屏的信息。<o:p></o:p>
History<o:p></o:p>	包含了浏览器窗口访问过的 URL。<o:p></o:p>
Location<o:p></o:p>	包含了当前 URL 的信息。<o:p></o:p>
frames <o:p></o:p>	集合属性，返回窗口中所有命名的框架。<o:p></o:p>
document <o:p></o:p>	对象代表整个 HTML 文档，可用来访问页面中的所有元素<o:p></o:p>

注意：Navigator, Screen, History, Location等对象实际上是 JavaScript 对象，而不是 HTML DOM 对象，它们是由 JavaScript runtime engine 自动创建的。<o:p></o:p>

三.HTML DOM 对象<o:p></o:p>

当一个HTML标签出现一次，下面的HTML DOM对象就被创建一次。<o:p></o:p>

对象<o:p></o:p>	描述<o:p></o:p>
Document<o:p></o:p>	代表整个 HTML 文档，可被用来访问页面中的所有元素<o:p></o:p>
Anchor<o:p></o:p>	代表一个 a 元素<o:p></o:p>
Area<o:p></o:p>	代表一个图像地图中的 area 元素<o:p></o:p>
Base<o:p></o:p>	代表 base 元素<o:p></o:p>
Body<o:p></o:p>	代表 body 元素<o:p></o:p>
Button<o:p></o:p>	代表 button元素<o:p></o:p>
Event<o:p></o:p>	代表某个事件的状态<o:p></o:p>
Form<o:p></o:p>	代表 form 元素<o:p></o:p>
Frame<o:p></o:p>	代表一个 frame 元素<o:p></o:p>
Frameset<o:p></o:p>	代表一个 frameset 元素<o:p></o:p>
Iframe<o:p></o:p>	代表一个iframe元素<o:p></o:p>
Image<o:p></o:p>	代表一个 img 元素<o:p></o:p>
Input button<o:p></o:p>	代表 HTML 表单中的一个按钮<o:p></o:p>
Input checkbox<o:p></o:p>	代表 HTML 表单中的一个复选框<o:p></o:p>
Input file<o:p></o:p>	代表 HTML 表单中的一个文件上传<o:p></o:p>
Input hidden<o:p></o:p>	代表 HTML 表单中的一个隐藏域<o:p></o:p>
Input password<o:p></o:p>	代表 HTML 表单中的一个密码域<o:p></o:p>
Input radio<o:p></o:p>	代表 HTML 表单中的一个单选按钮<o:p></o:p>
Input reset<o:p></o:p>	代表 HTML 表单中的一个重置按钮<o:p></o:p>
submit<o:p></o:p>	代表 HTML 表单中的一个确认按钮<o:p></o:p>
Input text<o:p></o:p>	代表 HTML 表单中的一个文本输入域（文本框）<o:p></o:p>
Link<o:p></o:p>	代表一个 link 元素<o:p></o:p>
<st1:place w:st="on">Meta</st1:place><o:p></o:p>	代表一个 meta 元素<o:p></o:p>
Object<o:p></o:p>	代表一个 Object 元素<o:p></o:p>
Option<o:p></o:p>	代表一个 option元素<o:p></o:p>
Select<o:p></o:p>	代表 HTML 表单中的一个选择列表<o:p></o:p>
Style<o:p></o:p>	代表一个单独的样式声明<o:p></o:p>
Table<o:p></o:p>	代表一个 table 元素<o:p></o:p>
TableData<o:p></o:p>	代表一个 td 元素<o:p></o:p>
TableRow<o:p></o:p>	代表一个 tr 元素<o:p></o:p>
Textarea<o:p></o:p>	代表一个 textarea 元素<o:p></o:p>

四.Document对象<o:p></o:p>

Document是唯一BOM和DOM都有的对象。<o:p></o:p>

Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素，它是 Window 对象的一个部分，可通过window.document 属性来访问<o:p></o:p>

Document 对象的属性<o:p></o:p>

属性<o:p></o:p>	描述<o:p></o:p>
“b ody”<o:p></o:p>	提供对 body 元素的直接访问<o:p></o:p>
cookie<o:p></o:p>	设置或返回与当前文档有关的所有 cookies<o:p></o:p>
domain<o:p></o:p>	返回当前文档的域名<o:p></o:p>
lastModified<o:p></o:p>	返回文档被最后修改的日期和时间<o:p></o:p>
referrer<o:p></o:p>	返回载入当前文档的文档的 URL<o:p></o:p>
title<o:p></o:p>	返回当前文档的标题<o:p></o:p>
URL<o:p></o:p>	返回当前文档的 URL<o:p></o:p>

Document 对象的集合属性

集合属性    描述<o:p></o:p>

anchors[]  返回对文档中所有 Anchor 对象的引用<o:p></o:p>

forms[]    返回对文档中所有 Form 对象引用<o:p></o:p>

images[]   返回对文档中所有 Image 对象引用 <o:p></o:p>

links[]    返回对文档中所有 Area 和 Link 对象引用