视频: 《从零玩转HTML5前端+跨平台开发》课时99 背景图片练习理解（编程开发 前端开发） 2024
作者：John Paul Mueller
JavaScript广泛使用对象。知道使用哪些对象以及何时使用JavaScript的重要部分。通过了解浏览器，核心文档对象模型（DOM）和HTML DOM对象，您可以构建任何标准应用程序（以及许多简单应用程序）的相当一部分。这些是最常用的JavaScript对象，所以请保持在您的指尖。
<！ --1 - >如何使用JavaScript浏览器对象来管理应用程序环境
JavaScript浏览器对象可以发现和更改应用程序环境。通过知道用户去了哪里，用户现在在哪里以及可以带走用户的位置，可以有效地控制应用程序流。当然，了解用户的屏幕尺寸非常重要，以便您可以以反映用户设备实际的方式呈现数据。
<！ - 2 - >下表详细介绍了一些更有趣的JavaScript浏览器选项。
| 对象 | 描述 |
|---|---|
| history | 提供在浏览器历史记录中存储
的URL之间检查和移动的方法。您可以在www上查看与此对象关联的 方法和属性的完整列表。 W3Schools的。 COM / jsref / obj_history。 ASP。 |
| location | 包含有关当前URL的信息。这个对象也提供了执行任务的方法，比如加载新页面或者重新加载当前页面。您可以在www上查看与此对象关联的
方法和属性的完整列表。 W3Schools的。 COM / jsref / obj_location。 ASP。 navigator 包含有关当前浏览器的信息。例如， |
| ，您可以确定浏览器类型以及浏览器是否启用了 | Cookie。您可以在www上查看与此对象关联的方法和
属性的完整列表。 W3Schools的。 COM / jsref / obj_navigator。 ASP。 屏幕 指定用于显示页面的设备的物理特性，包括页面高度，宽度和颜色深度。 |
| 您可以在www上查看与此对象关联的方法和属性 | 的完整列表。 W3Schools的。 COM / jsref / obj_screen。 ASP。
窗口 提供对浏览器窗口的访问，以便您可以 执行任务，如显示消息框。当使用包含框架的 |
| 页面时，浏览器为 | 整个HTML文档创建一个窗口，为每个框架创建一个窗口。您可以在www上看到
与此 对象关联的方法和属性的完整列表。 W3Schools的。 COM / jsref / OBJ_WINDOW。 ASP。
如何使用核心DOM对象来管理应用程序内容 任何JavaScript应用程序的目标都是管理内容。这意味着添加，删除和编辑包含构成和支持内容的各种元素的HTML文档。这些对象提供访问关于内容的所有文档细节。 |
描述
Attr
| 提供对文档中个别属性的访问。 | 您可以在www上查看与此对象关联的方法和属性 |
|---|---|
| 的完整列表。 W3Schools的。 COM / jsref / dom_obj_attr。 ASP。 | 文件
提供对整个文件的访问。您可以使用此对象 来访问文档的任何部分。另外，该对象让 |
| 直接在页面上显示信息，并执行与用户界面相关的其他 | 任务。您可以在www上查看与此对象关联的
方法和属性的完整列表。 W3Schools的。 COM / jsref / dom_obj_core_document。 ASP。 元素 包含作为XML支持的任何类型的单个文档元素 。该对象通过Attr对象和通过Node对象的属性提供对属性的访问。您可以在www上查看与此对象关联的 |
| 方法和属性的完整列表。 W3Schools的。 COM / jsref / dom_obj_element。 ASP。 | 事件
支持访问现有事件并创建新事件。 您可以在www上查看与此对象关联的方法和属性 |
| 的完整列表。 W3Schools的。 COM / jsref / dom_obj_event。 ASP。 | HTMLElement
包含一个单独的HTML文档元素，如 段落或控件。使用元素 |
| 和节点对象访问 | 元素属性和属性。您可以在www上查看与此对象关联的
方法和属性的完整列表。 W3Schools的。 COM / jsref / dom_obj_all。 ASP。 节点 定义任何给定节点的详细信息，它可以包括 文档作为整体，文档中的元素和作为元素，文本和注释的一部分提供的 |
| 属性。您 | 可以在www上查看与此对象关联的
的方法和属性的完整列表。 W3Schools的。 COM / jsref / dom_obj_node。 ASP。 NodeFilter 指定哪些节点作为用于遍历文档中的节点列表 的NodeIterator的一部分出现。您可以在https：// developer上查看与此对象关联的方法和 |
| 属性的完整列表。 Mozilla浏览器。组织/ EN-US /文档/ DOM / NodeFilter。 | NodeIterator
提供一种获取 文档内节点列表的方法。遍历节点列表可以帮助您找到特定的 |
| 节点并与它们交互。例如，您可能会找到所有 | 标签节点，并为其添加
特定属性。您可以通过https：// developer查看与此对象关联的 方法和属性的完整列表。Mozilla浏览器。组织/ EN-US /文档/ DOM / NodeIterator。 NodeList 包含文档 内或文档的特定区域内的所有节点的有序列表。您可以在 |
| www上看到与此对象关联的方法和属性的完整 | 列表。 W3Schools的。 COM / jsref / dom_obj_nodelist。 ASP。
NamedNodeMap 包含文档 内或文档的特定区域内的所有节点的无序列表。您可以在 |
| www上看到与此对象关联的方法和属性的完整 | 列表。 W3Schools的。 COM / jsref / dom_obj_namednodemap。 ASP。
如何使用HTML DOM对象来管理结构 将用户在屏幕上看到的信息组织成一个使用JavaScript的有凝聚力的表示是非常重要的。用户应该看到HTML文档结构，但是结构应该支持内容 - 它不应该引起注意。在使用页面时，结构包括从表格到控件的所有内容，用于与用户最感兴趣的内容进行交互和管理。使用JavaScript时，以下HTML DOM对象可帮助您执行此任务。 对象 |
描述
文档
| 提供对整个页面的所有元素的访问。加载到浏览器中的每个 | 页面都将成为使用document关键字访问的Document对象。您可以在www上查看与此对象关联的方法和属性的完整列表 |
|---|---|
| 。 W3Schools的。 COM / jsref / dom_obj_document。 ASP。 | 事件
允许与页面关联的事件和事件处理程序 进行交互。每个元素类型都有与之关联的特定事件 |
| ，例如与 | Button对象关联的点击事件。您可以在
www上看到与此对象关联的方法和属性的完整 列表。 W3Schools的。 COM / jsref / dom_obj_event。 ASP。 HTMLElement 提供所有HTML元素派生的基类。 这个基类定义了所有HTML |
| 元素提供的属性和方法。您可以在www上查看与此对象关联的方法和 | 属性的完整列表。 W3Schools的。 COM / jsref / dom_obj_all。 ASP。
锚 代表一个HTML超链接。您可以在www上查看与此对象关联的 方法和属性的完整列表。 W3Schools的。 COM / jsref / dom_obj_anchor。 ASP。 |
| 区域 | 定义用于为图形元素创建
可点击区域的HTML图像映射内的区域。您可以在 |
| www上看到与此对象关联的方法和属性的完整 | 列表。 W3Schools的。 COM / jsref / dom_obj_area。 ASP。
基准 指定页面上所有链接 的默认地址或默认目标。您可以在www上查看与此对象关联的方法和 |
| 属性的完整列表。 W3Schools的。 COM / jsref / dom_obj_base。 ASP。 | Body
表示页面的标记 部分，包括 |
| 标记中包含的所有元素。您可以在www上查看与此对象关联的方法和属性 | 的完整列表。W3Schools的。 COM / jsref / dom_obj_body。 ASP。
按钮 表示页面上的按钮。这个对象与 标签相关联，而不是 |
| 按钮的标签形式。您可以在www上查看与此对象关联的方法和属性 | 的完整列表。 W3Schools的。 COM / jsref / dom_obj_pushbutton。 ASP。
表单 表示表单并包含 表单中的所有元素。您可以在www上查看与此对象关联的方法和属性 的完整列表。 W3Schools的。 COM / jsref / dom_obj_form。 ASP。 |
| 框架和IFrame | 表示一个框架（
标记）或一个嵌入框架（ 标记）以及 |
| 标记内的所有元素。您可以在www上查看与此对象关联的方法和属性 | 的完整列表。 W3Schools的。 COM / jsref / dom_obj_frame。 ASP。
Frameset |