HTML DOM 对象.docx

1、HTML DOM 对象* 4浏览器对象 4* 41、Window 对象 41.1、集合 41.2、属性 41.3、方法 51.4、描述 62、History 对象 72.1、属性 72.2、方法 72.3、描述 83、Location 对象 83.1、属性 83.2、方法 94、Navigator 对象 94.1. Navigator 对象集合 94.2、Navigator 对象属性 94.3、Navigator 对象方法 104.4、Navigator 对象描述 10* 10HTML DOM 对象 10* 101、Document 对象 101.1、集合 101.2、属性 111.3、方法

2、111.4、描述 122、Body 对象 122.1、属性 123、Frame 对象 123.1、属性 133.2、标准属性 134、Frameset 对象 134.1、属性 144.2、标准属性 145、IFrame 对象 145.1、属性 145.2、标准属性 156、Image 对象 156.1、属性 156.2、标准属性 166.3、事件句柄 167、Link 对象 167.1、属性 177.2、标准属性 178、Base 对象 179、Event 对象 189.1、事件句柄 189.2、鼠标 / 键盘属性 1910、Meta 对象 1910.1、属性 1911、Style 对象 20

3、11.1、Style 对象的属性 2011.2、Background 属性 2011.3、Border 和 Margin 属性 2111.4、Layout 属性 2211.5、List 属性 2311.6、Positioning 属性 2311.7、Printing 属性 2411.8、Table 属性 2411.9、Text 属性 2511.10、标准属性 2612、Table 对象 2612.1、Table 对象集合 2612.2、Table 对象属性 2612.3、标准属性 2712.4、Table 对象方法 2713、TableCell 对象 2713.1、TableCell 对象属性

4、 2813.2、标准属性 2814、TableRow 对象 2914.1、TableRow 对象集合 2914.2、TableRow 对象属性 2914.3、TableRow 对象方法 29* 30HTML FORM 对象 30* 301、Form 对象 301.1、Form 对象集合 301.2、Form 对象属性 301.3、标准属性 301.4、Form 对象方法 311.5、Form 对象事件句柄 312、Button 对象 312.1、Button 对象的属性 312.2、标准属性 322.3、Button 对象的方法 323、Checkbox 对象 323.1、Checkbox 对

5、象的属性 323.2、标准属性 333.3、Checkbox 对象的方法 334、Radio 对象 334.1、Radio 对象属性 344.2、标准属性 344.3、Radio 对象方法 355、Text 对象 355.1、Text 对象属性 355.2、标准属性 365.3、Text 对象方法 366、Password 对象 366.1、Password 对象属性 376.2、Password 对象方法 377、Hidden 对象 377.1、Hidden 对象的属性 387.2、标准属性 388、Submit 对象 388.1、Submit 对象属性 398.2、Submit 对象方法

6、399、Reset 对象 399.1、Reset 对象属性 409.2、Reset 对象方法 4010、Select 对象 4010.1、Select 对象集合 4010.1、Select 对象属性 4110.2、Select 对象方法 4110.3、Select 对象事件句柄 4111、Option 对象 4211.1、Option 对象的属性 4212、FileUpload 对象 4212.1、FileUpload 对象的属性 4312.2、FileUpload 对象的方法 4313、Textarea 对象 4313.1、Textarea 对象属性 4413.2、Textarea 对象方法

7、 4413.3、Textarea 对象事件句柄 44*浏览器对象*1、Window 对象Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。1.1、集合集合描述frames返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或 。属性 frames.length 存放数组 frames 中含有的元素个数。注意，frames 数组中引用的框架可能还包括框架，它们自己也具有 frames 数组。1

8、.2、属性属性描述closed返回窗口是否已被关闭。defaultStatus设置或返回窗口状态栏中的默认文本。document对 Document 对象的只读引用。请参阅 Document 对象。history对 History 对象的只读引用。请参数 History 对象。innerheight返回窗口的文档显示区的高度。innerwidth返回窗口的文档显示区的宽度。length设置或返回窗口中的框架数量。location用于窗口或框架的 Location 对象。请参阅 Location 对象。name设置或返回窗口的名称。Navigator对 Navigator 对象的只读引用。请参数

9、 Navigator 对象。opener返回对创建此窗口的窗口的引用。outerheight返回窗口的外部高度。outerwidth返回窗口的外部宽度。pageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。parent返回父窗口。Screen对 Screen 对象的只读引用。请参数 Screen 对象。self返回对当前窗口的引用。等价于 Window 属性。status设置窗口状态栏的文本。top返回最顶层的先辈窗口。windowwindow 属性等价于 self 属性，它包含了对窗口自身的引用

10、。 screenLeft screenTop screenX screenY只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX 和 screenY。1.3、方法方法描述alert()显示带有一段消息和一个确认按钮的警告框。blur()把键盘焦点从顶层窗口移开。clearInterval()取消由 setInterval() 设置的 timeout。clearTimeout()取消由 setTimeout() 方法设置的 timeout。

11、close()关闭浏览器窗口。confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。createPopup()创建一个 pop-up 窗口。focus()把键盘焦点给予一个窗口。moveBy()可相对窗口的当前坐标把它移动指定的像素。moveTo()把窗口的左上角移动到一个指定的坐标。open()打开一个新的浏览器窗口或查找一个已命名的窗口。print()打印当前窗口的内容。prompt()显示可提示用户输入的对话框。resizeBy()按照指定的像素调整窗口的大小。resizeTo()把窗口的大小调整到指定的宽度和高度。scrollBy()按照指定的像素值来滚动内容。scroll

12、To()把内容滚动到指定的坐标。setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。setTimeout()在指定的毫秒数后调用函数或计算表达式。1.4、描述 Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写 document，而不必写 window.document。同样，可以把当前窗口对象的方法当作函数来使用，如只写 alert()，而不必写 Window.alert(

13、)。除了上面列出的属性和方法，Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口，而不仅仅是隐式地引用它时，可以使用这两个属性。除了这两个属性之外，parent 属性、top 属性以及 frame 数组都引用了与当前 Window 对象相关的其他 Window 对象。要引用窗口中的一个框架，可以使用如下语法：framei /当前窗口的框架self.framei /当前窗口的框架w.framei /窗口 w 的框架要引用一个框架的父窗口（或父框架），可以使用下面的语

14、法：parent /当前窗口的父窗口self.parent /当前窗口的父窗口w.parent /窗口 w 的父窗口要从顶层窗口含有的任何一个框架中引用它，可以使用如下语法：top /当前框架的顶层窗口self.top /当前框架的顶层窗口f.top /框架 f 的顶层窗口2、History 对象History 对象包含用户（在浏览器窗口中）访问过的 URL。History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。2.1、属性属性描述length返回浏览器历史列表中的 URL 数量。2.2、方法方法描述back()加载 history 列表中

15、的前一个 URL。forward()加载 history 列表中的下一个 URL。go()加载 history 列表中的某个具体页面。2.3、描述 History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因，History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。例子下面一行代码执行的操作与单击后退按钮执行的操作一样：history.back()下面一行代码执行的操作与单击两次后退按钮执行的操作一样：history.go(-2)3、Location 对象 Location 对象包含有关当前 URL

16、的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。3.1、属性属性描述hash设置或返回从井号 (#) 开始的 URL（锚）。host设置或返回主机名和当前 URL 的端口号。hostname设置或返回当前 URL 的主机名。href设置或返回完整的 URL。pathname设置或返回当前 URL 的路径部分。port设置或返回当前 URL 的端口号。protocol设置或返回当前 URL 的协议。search设置或返回从问号 (?) 开始的 URL（查询部分）。3.2、方法属性描述assign()加载新的文档。reload()

17、重新加载当前文档。replace()用新的文档替换当前文档。4、Navigator 对象Navigator 对象包含有关浏览器的信息。4.1. Navigator 对象集合集合描述plugins返回对文档中所有嵌入式对象的引用。该集合是一个 Plugin 对象的数组，其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息，其中包括它所支持的 MIME 类型的列表。虽然 plugins 数组是由 IE 4 定义的，但是在 IE 4 中它却总是空的，因为 IE 4 不支持插件和 Plugin 对象。4.2、Navigator 对象属性属性描述appCodeName返回浏览器

18、的代码名。appMinorVersion返回浏览器的次级版本。appName返回浏览器的名称。appVersion返回浏览器的平台和版本信息。browserLanguage返回当前浏览器的语言。cookieEnabled返回指明浏览器中是否启用 cookie 的布尔值。cpuClass返回浏览器系统的 CPU 等级。onLine返回指明系统是否处于脱机模式的布尔值。platform返回运行浏览器的操作系统平台。systemLanguage返回 OS 使用的默认语言。userAgent返回由客户机发送服务器的 user-agent 头部的值。userLanguage返回 OS 的自然语言设置。4

19、.3、Navigator 对象方法方法描述javaEnabled()规定浏览器是否启用 Java。taintEnabled()规定浏览器是否启用数据污点 (data tainting)。4.4、Navigator 对象描述 Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。Navigator 对象的实例是唯一的，可以用 Window 对象的 navigator 属性来引用它。*HTML DOM 对象*1、Doc

20、ument 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问1.1、集合集合描述all提供对文档中所有 HTML 元素的访问。anchors返回对文档中所有 Anchor 对象的引用。applets返回对文档中所有 Applet 对象的引用。forms返回对文档中所有 Form 对象引用。images返回对文档中所有 Image 对象引用。links返回对文档中所有 Area

21、和 Link 对象引用。1.2、属性属性描述body提供对 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 。cookie设置或返回与当前文档有关的所有 cookie。domain返回当前文档的域名。lastModified返回文档被最后修改的日期和时间。referrer返回载入当前文档的文档的 URL。title返回当前文档的标题。URL返回当前文档的 URL。1.3、方法方法描述close()关闭用 document.open() 方法打开的输出流，并显示选定的数据。getElementById()返回对拥有指定 id 的第一个对象的引用。getElementsByName()

22、返回带有指定名称的对象集合。getElementsByTagName()返回带有指定标签名的对象集合。open()打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。write()向文档写 HTML 表达式 或 JavaScript 代码。writeln()等同于 write() 方法，不同的是在每个表达式之后写一个换行符。1.4、描述 HTMLDocument 接口对 DOM Document 接口进行了扩展，定义 HTML 专用的属性和方法。很多属性和方法都是 HTMLCollection 对象（实际上是可以用数组或名称索引的

23、只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。这些集合属性都源自于 0 级 DOM。它们已经被 Document.getElementsByTagName() 所取代，但是仍然常常使用，因为他们很方便。write() 方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。注意，在 1 级 DOM 中，HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。在 2 级 DOM 中，该方法已经被转移到了 Document 接口，它现在由 HTMLDocument 继承而不是由它定义了。2、Body 对象 Body 对

24、象代表文档的主体 (HTML body) 。2.1、属性属性描述className设置或返回元素的 class 属性。dir设置或返回文本的方向。id设置或返回 body 的 id。lang设置或返回元素的语言代码。title设置或返回元素的咨询性的标题。3、Frame 对象 Frame 对象代表一个 HTML 框架。在 HTML 文档中 每出现一次，就会创建一个 Frame对象。3.1、属性属性描述contentDocument容纳框架的内容的文档。frameBorder设置或返回是否显示框架周围的边框。id设置或返回框架的 id。longDesc设置或返回指向包含框架内容描述文档的 URL

25、。marginHeight设置或返回框架的顶部和底部页空白。marginWidth设置或返回框架的左边缘和右边缘的空白。name设置或返回框架的名称。noResize设置或返回框架是否可调整大小。scrolling设置或返回框架是否可拥有滚动条。src设置或返回应被加载到框架中的文档的 URL。3.2、标准属性属性描述className设置或返回元素的 class 属性。dir设置或返回文本的方向。lang设置或返回元素的语言代码。title设置或返回元素的 title 属性。4、Frameset 对象 Frameset 对象代表 HTML 框架集。4.1、属性属性描述cols设置或返回框架集

26、中列的数目。id设置或返回框架集的 id。rows设置或返回框架集中行的数目。4.2、标准属性属性描述className设置或返回元素的 class 属性。dir设置或返回文本的方向。lang设置或返回元素的语言代码。title设置或返回元素的 title 属性。5、IFrame 对象IFrame 对象代表一个 HTML 的内联框架。在 HTML 文档中 每出现一次，一个 IFrame 对象就会被创建。5.1、属性属性描述align根据周围的文字排列 iframe。contentDocument容纳框架的内容的文档。frameBorder设置或返回是否显示 iframe 周围的边框。heigh

27、t设置或返回 iframe 的高度。id设置或返回 iframe 的 id。longDesc设置或返回描述 iframe 内容的文档的 URL。marginHeight设置或返回 iframe 的顶部和底部的页空白。marginWidth设置或返回 iframe 的左侧和右侧的页空白。name设置或返回 iframe 的名称。scrolling设置或返回 iframe 是否可拥有滚动条。src设置或返回应载入 iframe 中的文档的 URL。width设置或返回 iframe 的宽度。5.2、标准属性属性描述className设置或返回元素的 class 属性。dir设置或返回文本的方向。lang设置或返回元素的语言代码。title设置或返回元素的 title 属性。6、Image 对