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:"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

需要重新演唱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值