HTML DOM教程：解析与操作HTML文档

需积分: 4 43 浏览量更新于2024-07-24 收藏 1.32MB DOC 举报

"HTML_DOM教程" HTML DOM（文档对象模型）是一种标准，它为访问和处理HTML文档提供了统一的方法。这个模型允许开发者通过JavaScript与HTML页面交互，实现动态更新、添加、删除或修改页面内容。DOM的主要功能是为HTML文档创建了一个逻辑结构，将文档解析成一系列可操作的节点。在深入学习DOM之前，你需要掌握HTML和JavaScript的基础知识。HTML是网页的基本标记语言，而JavaScript则是用于给网页添加交互性的脚本语言。DOM为JavaScript提供了一个接口，使得JavaScript能够访问和改变HTML元素。 DOM最初由W3C在1998年定义，包括DOM Level 1规范，现在所有主流浏览器都支持这个标准，因此DOM的兼容性问题很少。DOM由几个不同的部分组成： 1. Core DOM（核心DOM）：适用于任何结构化的文档，不局限于HTML或XML。 2. XML DOM：专门针对XML文档的标准。 3. HTML DOM：专门针对HTML文档的标准，提供了处理HTML元素的特定方法和属性。在HTML DOM中，每个HTML组件都被视为一个节点。文档本身作为一个文档节点，HTML标签是元素节点，标签内的文本是文本节点，属性是属性节点，而注释则构成了注释节点。这些节点按照层次组织成一棵树状结构，称为文档树或节点树。节点树具有层次关系，从根节点（文档节点）开始，向下扩展到各个元素、属性和文本节点。例如，一个简单的HTML文档可能包含如下结构的节点树： ```html <html> <head> <title>DOM Tutorial</title> </head> <body> <h1>Welcome to the DOM Tutorial</h1> <p>This is an example of how the DOM works.</p> </body> </html> ``` 在这个例子中，`<html>`是根节点，`<head>`和`<body>`是元素节点，`<title>`和`<h1>`、`<p>`也是元素节点，它们的文本内容是文本节点。通过遍历和操作这个树形结构，JavaScript可以方便地找到并修改任意HTML元素。总结起来，HTML DOM是网页动态化和交互性实现的关键工具，它将HTML文档转换为一个可编程的对象模型，使得开发者可以用JavaScript来操纵网页的每一个细节，从而创造出丰富的用户体验。了解和熟练运用DOM对于任何前端开发者来说都是至关重要的技能。

$
返回窗口的文档显示区的宽度。
  
/$
设置或返回窗口中的框架数量。
5  
/
用于窗口或框架的对象。请参阅 对象 。
5  
 
设置或返回窗口的名称。
5  

对对象的只读引用。请参数 对象 。
5  

返回对创建此窗口的窗口的引用。
5  
$$
返回窗口的外部高度。
  
$
返回窗口的外部宽度。
  
60++
设置或返回当前页面相对于窗口显示区左上角的6位置。
  
70++
设置或返回当前页面相对于窗口显示区左上角的7位置。
  

返回父窗口。
5  

对对象的只读引用。请参数 对象 。
5  
/+
返回对当前窗口的引用。等价于属性。
5  

设置窗口状态栏的文本。
5  

返回最顶层的先辈窗口。
5  

属性等价于/+属性，它包含了对窗口自身的引用。
5  

+

!

6

7
只读整数。声明了窗口的左上角在屏幕上的的.坐标和坐
标。,)、+和0支持+和!，而*+.和
+支持6和7。
5  
Window 对象方法
方法 描述
IE F O
/89
显示带有一段消息和一个确认按钮的警告框。
5  
(/89
把键盘焦点从顶层窗口移开。
5  

/,/89
取消由,/89设置的 。
5  
/! 89
取消由! 89方法设置的 。
5  
/89
关闭浏览器窗口。
5  
+ 89
显示带有一段消息以及确认按钮和取消按钮的对话框。
5  
:89
创建一个;窗口。
5  
+89
把键盘焦点给予一个窗口。
5  
 '89
可相对窗口的当前坐标把它移动指定的像素。
5  
 !89
把窗口的左上角移动到一个指定的坐标。
5  
89
打开一个新的浏览器窗口或查找一个已命名的窗口。
5  
89
打印当前窗口的内容。
<  
 89
显示可提示用户输入的对话框。
5  
='89
按照指定的像素调整窗口的大小。
5  
=!89
把窗口的大小调整到指定的宽度和高度。
5 4< 
//'89
按照指定的像素值来滚动内容。
5  
//!89
把内容滚动到指定的坐标。
5  
,/89
按照指定的周期（以毫秒计）来调用函数或计算表达式。
5  
! 89
在指定的毫秒数后调用函数或计算表达式。
5  
Window 对象描述
Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在
当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例
如，可以只写 document，而不必写 window.document。
同样，可以把当前窗口对象的方法当作函数来使用，如只写 alert()，而不必写 Window.alert()。
除了上面列出的属性和方法，Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。