BOM 探索：发现浏览器对象的奇妙世界

BOM 中的另一个重要对象是 document 对象，它表示当前页面中的 html 文档。document 对象包含许多属性和方法，可以用于访问和操作 HTML 元素。例如，我们可以使用 document.getElementById() 方法获取一个 HTML 元素，使用 document.createElement() 方法创建一个新的 HTML 元素，使用 document.write() 方法在页面中写入 HTML 代码。

BOM 中还包括历史记录对象（history）、表单对象（fORM）、Cookie 对象（cookie）等。这些对象可以用于访问和操作浏览器的历史记录、表单和 Cookie。

下表列出了 BOM 中的主要对象及其用途：

演示代码

以下是一个演示如何使用 BOM 的代码示例：

// 打开一个新窗口
window.open("https://www.example.com", "_blank");

// 关闭当前窗口
window.close();

// 重定向到一个新的页面
window.location.href = "Https://www.example.com";

// 获取当前页面的标题
document.title;

// 获取当前页面中的所有链接
document.links;

// 创建一个新的 HTML 元素
var newElement = document.createElement("div");

// 将新的 HTML 元素添加到页面中
document.body.appendChild(newElement);

// 获取浏览器的历史记录
window.history;

// 获取当前页面的表单
document.forms;

// 获取浏览器中的 Cookie
document.cookie;

结论

BOM 是一个强大的 javascript api，它允许我们访问和操作浏览器窗口、文档对象、历史记录、表单、Cookie 等浏览器对象。通过 BOM，我们可以控制浏览器的行为，如打开关闭窗口、重定向页面、设置 Cookie 等。BOM 是 WEB 开发中非常重要的一部分，掌握了 BOM 可以使我们开发出更加强大和复杂的 Web 应用