只知DOM不知BOM?

版权声明：本文为博主（风轻云淡）原创文章，未经博主允许不得转载。CSDN https://blog.csdn.net/qq_20343517/article/details/83479331

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)