Js--BOM详解

Js--BOM详解

博客说明

文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！

概念

Browser Object Model 浏览器对象模型

将浏览器的各个组成部分封装成对象

组成

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

Window：窗口对象

1. 创建

2. 方法

   • 与弹出框有关的方法：
     alert()

     显示带有一段消息和一个确认按钮的警告框。
     confirm()

     显示带有一段消息以及确认按钮和取消按钮的对话框。

     返回值：

     如果用户点击确定按钮，则方法返回true
     如果用户点击取消按钮，则方法返回false
     prompt()

     显示可提示用户输入的对话框。

     返回值：

     获取用户输入的值

   • 与打开关闭有关的方法：
     close()

     关闭浏览器窗口。

     open()

     打开一个新的浏览器窗口

     返回新的Window对象

   • 与定时器有关的方式
     setTimeout()

   • 在指定的毫秒数后调用函数或计算表达式。

     返回值：唯一标识，用于取消定时器

     clearTimeout()

     取消由 setTimeout() 方法设置的 timeout。

     setInterval()

     按照指定的周期（以毫秒计）来调用函数或计算表达式。
     clearInterval()

     取消由 setInterval() 设置的 timeout。

3. 属性：

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

4. 特点

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

Location：地址栏对象

1. 创建(获取)：

   1. window.location
   2. location

2. 方法：

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

3. 属性

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

History：历史记录对象

1. 创建(获取)：

   1. window.history
   2. history

2. 方法：

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

3. 属性：

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

感谢

黑马程序员

以及勤劳的自己
关注公众号： 归子莫，获取更多的资料，还有更长的学习计划