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:"