JavaScript BOM 对象详解

JavaScript BOM 对象详解

在 JavaScript 编程中，BOM（Browser Object Model）是指浏览器对象模型，它提供了一组用于与浏览器窗口进行交互的对象。BOM 对象允许开发者控制浏览器的行为和获取浏览器的信息。本文将详细介绍 JavaScript 中的 BOM 对象，并通过丰富的示例帮助你更好地理解。

重点 alert、confirm、定时器

1. Window 对象

window 对象是 BOM 的核心对象，代表浏览器窗口或标签页。所有全局 JavaScript 对象、函数和变量都是 window 对象的成员。

1.1 常用属性和方法

• 属性

  • window.innerHeight：浏览器窗口的内部高度（包括滚动条）。
  • window.innerWidth：浏览器窗口的内部宽度（包括滚动条）。
  • window.location：当前页面的 URL 信息。
  • window.navigator：浏览器的信息。
  • window.document：当前页面的文档对象。

• 方法

  • window.alert()：显示一个警告对话框。
  • window.confirm()：显示一个确认对话框。
  • window.prompt()：显示一个提示对话框。
  • window.open()：打开一个新的浏览器窗口或标签页。
  • window.close()：关闭当前窗口。
  • window.setTimeout()：设置一个定时器，在指定时间后执行代码。
  • window.setInterval()：设置一个定时器，每隔指定时间执行代码。

1.2 示例

// 获取浏览器窗口的内部高度和宽度
console.log(window.innerHeight);
console.log(window.innerWidth);

// 显示一个警告对话框
window.alert("Hello, World!");

// 显示一个确认对话框
let result = window.confirm("Are you sure?");
console.log(result); // true 或 false

// 显示一个提示对话框
let name = window.prompt("Please enter your name:"