BOM|青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第23天

1. 概念：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。

   3. 属性：

      1. 获取其他BOM对象： history location Navigator Screen:
      2. 获取DOM对象 document

   4. 特点

      • Window对象不需要创建可以直接使用 window使用。 window.方法名();
      • window引用可以省略。 方法名();

4. Location：地址栏对象

   1. 创建(获取)：

      1. window.location
      2. location

   2. 方法：

      • reload() 重新加载当前文档。刷新

   3. 属性

      • href 设置或返回完整的 URL。

5. History：历史记录对象

   1. 创建(获取)：

      1. window.history
      2. history

   2. 方法：

      • back() 加载 history 列表中的前一个 URL。
      • forward() 加载 history 列表中的下一个 URL。
      • go(参数) 加载 history 列表中的某个具体页面。
        • 参数：
          • 正数：前进几个历史记录
          • 负数：后退几个历史记录

   3. 属性：

      • length 返回当前窗口历史列表中的 URL 数量。