JS笔记 BOM之Navigator 对象(识别不同的浏览器)

BOM(浏览器对象模型)重点!!!

Window 对象
Navigator 对象
Screen 对象
History 对象
Location 对象

Navigator 对象

其属性只剩下下面这一个有实际意义
userAgent
返回由客户机发送服务器的 user-agent 头部的值。

由于IE11中navigator.user-agent字符串中没有可以与其他浏览器区分开来的字符串,故可以用下面这种方法 window.ActiveXObject
ActiveXObject 经常用来判断是否为IE11

判断是否为IE11浏览器: if(“ActiveXObject” in window)

Chrome:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36

Firefox:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0) Gecko/20100101 Firefox/90.0

IE10及以下:
以IE10为例
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E) 【含MSIE,到了IE11就没有了】

IE11:
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko
通过以下案例来判断当前是处在哪个浏览器,可以运用到浏览器兼容问题上

    <SCRIPT>
     window.onload = function(){
         var ua = navigator.userAgent; 
    
        if(/chrome/i.test(ua)){//正则表达式来判断是否含有该字符串
            alert("当前处于Chrome浏览器");
        }
        else if(/firefox/i.test(ua)){
            alert("当前处于火狐浏览器");
        }  
        else if(/MSIE/i.test(ua)){
            alert("当前处于IE10及以下浏览器")
        }      
        else if("ActiveXObject" in window) {
            alert("当前处于IE11浏览器");
        }
     };
        
    </SCRIPT>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值