JavaScript基础——BOM浏览器对象模型

墨蓝 2021-09-25 00:22 392阅读 0赞

**目录**

Window

Navigator

Location

History

Screen

--------------------

**浏览器对象模型 (BOM)** 使 JavaScript 有能力与浏览器"对话"。BOM可以使我们通过js来操作浏览器

在BOM中为我们提供了一组对象，用来完成对浏览器的操作  。

### Window ###

**代表的是整个浏览器的窗口，同时window也是网页中的全局对象 ** 。重要属性如下

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

### Navigator ###

**代表的当前浏览器的信息，通过该对象可以用来识别不同的浏览器**。重要属性如下

### Location ###

**代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面**

### History ###

**代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录**

**由于隐私原因，该对象不能获取到具体的历史记录，只能操作浏览器向前或向后翻页，而且浏览器关闭后有效**

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <head>
    <script>
        function goBack()
        {
            window.history.back()  //history.back() 方法加载历史列表中的前一个 URL。
        }
        function goForward()
        {
            window.history.forward()  //history forward() 方法加载历史列表中的下一个 URL。
        }
    </script>
    </head>
    <body>
     
          <input type="button" value="Back" onclick="goBack()">  //向前
          <input type="button" value="Forward" onclick="goForward()">  //向后
    </body>
    </html>

### Screen ###

**代表用户的屏幕 的信息，通过该对象可以通过获取用户的显示器的相关的信息。重要属性如下**

**如果本篇博客对您有一定的帮助，大家记得留言+点赞哦。**