BOM对象——Navigator

时间 2019-12-20
标签 bom 对象 navigator 繁體版
原文原文链接
BOM对象——Navigator

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            /*
            BOM
               - 浏览器对象模型
               - BOM能够使咱们经过js来着、操做浏览器
               - 在BOM中为咱们提供了一组对象，用来完成对浏览器的操做
               - BOM对象
                  Window
                    - 表明的是整个浏览器的窗口，同时window也是网页中的全局对象
                  Navigator
                    - 表明的当前浏览器的信息，经过该对象能够来识别不一样的浏览器
                  Location
                    - 表明的当前浏览器的地址栏信息，经过Localtion能够获取地址栏信息，或者操做浏览器跳转页面
                  History
                    - 表明浏览器的历史记录，能够经过该对象来操做浏览器的历史记录
                        因为隐私缘由，该对象不能获取到具体的历史记录，只能操做浏览器向前或向后翻页
                        并且只能访问当次访问有效
                  Screen
                    - 表明用户的屏幕的信息，经过该对象能够获取到用户的显示器的相关信息。
                    
                    
                    BOM对象在浏览器中都是做为window对象属性保存的
                        能够经过window对象来使用，也能够直接使用
                    
                  
            */

            /*
          Navigator
              - 表明的当前浏览器的信息，经过该对象能够来识别不一样的浏览器
                - 因为历史缘由，Navigator对象中的大部分属性都已经不能帮助我门识别浏览器
                - 通常咱们会使用userAgent来判断浏览器信息
                     userAgent是一个字符串，这个字符串包含有用来描述浏览器信息的内容
                     不一样的浏览器会有不一样的userAgnes
               - Chrome userAgnes
                  Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36
               - 在IE11中已经将微软和IE相关的标识都去除了，因此咱们基本上已经不能经过UserAgent来识别一个浏览器是不是IE
           
           */
            // console.log(navigator.appName);
            console.log(navigator.userAgent);
            //检查一个字符串中是否包含某个字符串

            var ua = navigator.userAgent;
            if (/Chrome/i.test(ua)) {
                alert("chrome");
            } else if (/firefox/i.test(ua)) {
                alert("firefox");
            } else if (/msie/i.test(ua)) {
                alert("IE");
            } else if ("ActiveXObject" in window) {
                alert("IE11");
            }

            /*
            若是经过UserAgnes不能判断吗、，还能够经过一些浏览器特有的对象，来判断浏览器的信息
             好比：ActiveXObject
            */
        </script>
    </head>
    <body>
    </body>
</html>