BOM

最新推荐文章于 2023-09-05 19:57:43 发布

原创最新推荐文章于 2023-09-05 19:57:43 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了Browser Object Model(BOM)，包括其主要组成部分如Window、Navigator、Screen等对象的功能与使用。深入探讨了Window对象的创建、方法与属性，如弹出框、定时器及如何与Location对象交互实现页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概念：Browser Object Model 浏览器对象模型
* 将浏览器的各个组成部分封装成对象。

 2. 组成：
     * Window：窗口对象
     * Navigator：浏览器对象
     * Screen：显示器屏幕对象
     * History：历史记录对象
     * Location：地址栏对象

     3. Window：窗口对象
 1. 创建
 2. 方法
     1. 与弹出框有关的方法：
     alert()    显示带有一段消息和一个确认按钮的警告框。
     confirm()  显示带有一段消息以及确认按钮和取消按钮的对话框。
     * 如果用户点击确定按钮，则方法返回true
     * 如果用户点击取消按钮，则方法返回false
     prompt()   显示可提示用户输入的对话框。
     * 返回值：获取用户输入的值
     2. 与打开关闭有关的方法：
     close()    关闭浏览器窗口。
     * 谁调用我 ，我关谁
     open() 打开一个新的浏览器窗口
     * 返回新的Window对象
     3. 与定时器有关的方式
     setTimeout()   在指定的毫秒数后调用函数或计算表达式。
     * 参数：
     1. js代码或者方法对象
     2. 毫秒值
     * 返回值：唯一标识，用于取消定时器
     clearTimeout() 取消由 setTimeout() 方法设置的 timeout。

     setInterval()  按照指定的周期（以毫秒计）来调用函数或计算表达式。
     clearInterval()    取消由 setInterval() 设置的 timeout。

属性：
1. 获取其他BOM对象：
history
location
Navigator
Screen:
获取DOM对象
document
4. 特点
* Window对象不需要创建可以直接使用 window使用。 window.方法名();
* window引用可以省略。方法名();
4. Location：地址栏对象
1. 创建(获取)：
1. window.location
2. location
1. 方法：
  - reload() 重新加载当前文档。刷新
2. 属性
  - href 设置或返回完整的 URL。