只知DOM不知BOM?

最新推荐文章于 2025-07-02 20:07:36 发布

风轻云淡180518

最新推荐文章于 2025-07-02 20:07:36 发布

阅读量220

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_20343517/article/details/83479331

javaScript 专栏收录该内容

26 篇文章

订阅专栏

本文深入解析了BOM（浏览器对象模型）的概念及其与DOM（文档对象模型）之间的关系，介绍了如何使用BOM进行页面跳转、获取屏幕大小等操作。同时，文章列举了window对象的多个属性，如navigator、frames、history、screen、location和document，展示了如何通过navigator获取浏览器详细信息。

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

JavaScript由ECMAScript、DOM、BOM三部分组成，DOM大家肯定是非常熟悉了，全称Document Object Model 文档对象模型，是用来描述文档结构的，并提供了JavaScript访问接口用来操作文档

今天我们要将的BOM全称 Browser Object Model 浏览器对象模型，主要用来获取或设置浏览器的属性和行为，比如页面跳转，获取屏幕大小，弹出对话框，例如要关闭当前页面

window.close()

window 对象是 BOM的核心，包含下面的属性

navigator
frames
history
screen
location
document

可以看出 DOM的根对象 document 其实就是BOM 的一个子对象。
比如window.navigator 包含了当前浏览器的信息，可以用来检测浏览器和操作系统的版本，注意不同浏览器是有差异的。

let a=[
    navigator.appCodeName,    //浏览器内部代码名
    navigator.appName,        //浏览器正式名称
    navigator.appVersion,     //版本号
    navigator.connection,     //网络连接信息
    navigator.cookieEnabled,  //是否启用cookie
    navigator.language,       //浏览器语言
    navigator.mimeTypes,      //支持的mime类型
    navigator.onLine,         //是否联网
    navigator.oscpu,          //操作系统类型
    navigator.platform,       //系统平台类型
    navigator.plugins,        //已安装插件
    navigator.userAgent       //useragent字符串
];
console.log(a)