BOM属性navigator与history与location

2022-01-19 22:58:00 阅读：122 来源： 互联网

标签：浏览器 ActiveXObject window location navigator history 页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        console.log(navigator.appName);//淘汰掉的浏览器信息监测

        console.log(navigator.userAgent);//当前的浏览器信息(用户代理)其实等价于当前浏览器
        //用来监测是什么浏览器
        if(/chrome/i.test(navigator.userAgent))//用正则表达式去测试浏览器信息中是否含有chrome字符并忽略大小写
        {
            alert("你是谷歌浏览器");
          //  Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.93 Safari/537.36
            //Mozilla基金会 AppleWebKit/537.36 内核  Gecko 火狐的css解释器
            // like Gecko 是防止单独拎出来识别
            // 微软的ie浏览器就用了很多手段来防止 识别出 ie
        }
        if(/firefox/i.test(navigator.userAgent)){
            alert("你是火狐浏览器");
        }
        //edge其实现在也使用了谷歌的内核会检测出来谷歌浏览器
        if ("ActiveXObject" in window){ //"ActiveXObject" in window 识别这个ActiveXObject是否是 winodw的属性
            // if(!!window.ActiveXObject) !!window.ActiveXObject)强转为布尔值
            //因为这个ActiveXObject是ie中独有的window方法所以再浏览器信息中没有他的话就用这个来识别他是ie
            alert("你是ie11")
        }
        /******************history-***************/
        console.log("history:"+history.length);//浏览器从打开到现在浏览的页面数量
     //   history.forward();//进入到当前浏览器历史的前一个页面
       // history.back();//后退一个页面
       // history.go(-1); -1 就是后退一个页面 -2 -3 *****
        // 1就是前进一个页面
        /******************location***********************/
        //location="https://www.bilibili.com/video/BV1YW411T7GX?p=126";
       // 这种直接赋值location就会跳转页面
      //  location代表了你浏览器当前的浏览网页的url
        //他的属性可以返回url的各种分类;
        //location.assign("https://www.bilibili.com/video/BV1YW411T7GX?p=126");
        //这个方法也是直接对浏览器的跳转
       // location.reload();
        //这个方法会刷新页面 ()中如果加true参数 会刷新浏览器并清除缓存
       // location.replace("https://www.bilibili.com/video/BV1YW411T7GX?p=126");
        //这个方法是替换你网页的url 但不会产生历史记录 无法回退
    </script>
</head>
<body>

</body>
</html>

标签：浏览器,ActiveXObject,window,location,navigator,history,页面
来源： https://blog.csdn.net/weixin_46564011/article/details/122591772

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

BOM属性navigator与history与location