9、JavaScript 中的窗口对象与相关功能详解

JavaScript 中的窗口对象与相关功能详解

1. 表单与数据输入

表单是向浏览器输入数据的主要方式，它有各种控件用于输入不同类型的信息。HTML5 有大量新的输入类型，已开始在现代浏览器中实现。以下是一些与表单相关的操作：
- document.forms ：返回页面上所有表单的 HTML 集合。
- form.elements ：返回表单内所有元素的 HTML 集合。
- 表单有焦点、失焦和改变事件，用户与表单交互时触发。
- 表单还有提交事件，可在表单提交前拦截。
- 可以使用表单控件的 value 属性读取或更新表单中输入的信息。
- HTML5 表单验证 API 可自动验证表单，但仅为基本级别，可能需要自定义验证脚本。

2. 窗口对象概述

每个 JavaScript 环境都有一个全局对象，在浏览器环境中，全局对象是 window 对象，代表包含网页的浏览器窗口。

2.1 浏览器对象模型（BOM）

BOM 是一组包含浏览器和计算机屏幕信息的属性和方法。例如，可以了解使用的浏览器、屏幕尺寸以及当前页面之前访问过的页面。不过，BOM 没有官方标准，但主要浏览器支持许多属性和方法，形成了事实上的标准。这些属性和方法通过 window 对象提供，每个浏览器窗口、标签、弹出窗口、框架和内联框架都有一个 window 对象。需要注意的是，BOM 仅在浏览器环境中有意义，其他环境（如 Node.js