bom介绍

最新推荐文章于 2025-07-17 09:56:31 发布

原创最新推荐文章于 2025-07-17 09:56:31 发布 · 482 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #bom

JS 专栏收录该内容

13 篇文章

订阅专栏

bom
全称是Browser object model 浏览器对象模型
把浏览器看做对象
里面有很多其他的对象

这里的大体关系如下：
在这里插入图片描述
可以看到bom在最上面。而document也就是dom也在下面。
由于前面已经提到过dom所以这里再把下面四个对象说一下，那么js提到的内容基本也就结束了

Navigator

Navigator 对象包含有关浏览器的信息。
下面的内容是我从w3c上粘贴过来的：
在这里插入图片描述

Screen 对象
Screen 对象包含有关客户端显示屏幕的信息。

History 对象
History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
在这里插入图片描述
Location
Location 对象包含有关当前 URL 的信息。

由于location用的比较多所以这里可以写一个示例：

    document.write(location.hash + "<br>")
    document.write(location.host + "<br>")
    document.write(location.hostname + "<br>")
    document.write(location.port + "<br>")
    document.write(location.protocol + "<br>")
    document.write(location.href + "<br>")
    document.write(location.search + "<br>")
    document.write(location.pathname + "<br>")

可以看到下面显示了url的一些相关信息，其实这些信息都是从浏览器上方地址栏截取下来的：
地址栏:
在这里插入图片描述
浏览器显示结果：

另外还有页面跳转的代码：

location.href = "https://www.baidu.com";

这里加上这一行代码就可以跳转到百度去了。

最后再提一下Window对象：
Window对象
window对象的属性
在这里插入图片描述

window对象方法：

下面再简单介绍一下JS的三个弹出窗口
Alert 警告窗口 confirm 确认窗口 prompt 输入窗口
目前上面介绍的方法其实很多都不支持了