js--7.bom对象-1.bom对象_bom7撖寡情-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_26553781/article/details/79263803

本文详细介绍了浏览器对象模型(BOM)及其常用对象的功能与使用方法，包括Window、Navigator、Location、History和Screen等。并提供了如何利用Navigator对象的userAgent属性进行浏览器识别的技术细节。

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

1 BOM

1.1 概念

浏览器对象模型

BOM可以使我们通过JS来操作浏览器，在BOM中为我们提供了一组对象，用来完成对浏览器的操作

1.2 BOM常用对象

Window ：代表的是整个浏览器的窗口，同时window也是网页中的全局对象

Navigator：代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器

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

History：代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录，由于隐私原因，该对象不能获取到具体的历史记录，只能操作浏览器向前或向后翻页，而且该操作只在当次访问时有效

Screen：代表用户的屏幕的信息，通过该对象可以获取到用户的显示器的相关的信息

这些BOM对象（包括window.window）在浏览器中都是作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用

2 Navigator

2.1 概念

navigator对象包含了浏览器的版本、浏览器所支持的插件、浏览器所使用的语言等各种与浏览器相关的信息。不同的浏览器会有不同的userAgent

由于历史原因，Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了

一般我们只会使用userAgent来判断浏览器的信息，userAgent是一个字符串，这个字符串中包含有用来描述浏览器信息的内容，

2.2 判断浏览器

var ua = navigator.userAgent;
          
           console.log(ua);
          
           if(/firefox/i.test(ua)){
              alert("你是火狐！！！");
           }else if(/chrome/i.test(ua)){
              alert("你是Chrome");
           }else if(/msie/i.test(ua)){
              alert("你是IE浏览器~~~");
           }else if("ActiveXObject" in window){
              alert("你是IE11，枪毙了你~~~");
           }

2.3 特有属性判断

/*
* 如果通过UserAgent不能判断，还可以通过一些浏览器中特有的对象，来判断浏览器的信息
 * 比如：ActiveXObject
*/
if("ActiveXObject" in window){
     alert("你是IE，我已经抓住你了~~~");
}else{
alert("你不是IE~~~");
}