美文网首页从零开始学前端
JS浏览器对象:Location/Navigator/userA

JS浏览器对象:Location/Navigator/userA

作者: 越IT | 来源:发表于2017-01-21 00:49 被阅读57次

    一、Location对象

    location用于获取或设置窗体的URL,并且可以用于解析URL。
    【语法】

    location.[属性|方法]
    

    location对象属性图示:

    location对象属性:

    location 对象方法:

    【案例】获取当前显示文档的URL,并输出。

    <script type="text/javascript">
         document.write(window.location.href);
     </script>
    

    二、Navigator对象

    Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

    对象属性:

    appCodeName浏览器代码名的字符串表示
    appName 返回浏览器的名称。
    appVersion 返回浏览器的操作系统平台。
    platform 返回运行浏览器的操作系统平台
    userAgent 返回由客户机发送服务器的user-agent头部的值

    【案例】查看浏览器的名称和版本,代码如下:

    <script type="text/javascript">
       var browser=navigator.appName;
       var b_version=navigator.appVersion;
       document.write("Browser name"+browser);
       document.write("<br>");
       document.write("Browser version"+b_version);
    </script>
    
    浏览器信息

    三、userAgent

    返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

    【语法】:

    navigator.userAgent
    

    几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。

    【案例】使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下:

    function validB(){ 
      var u_agent = navigator.userAgent; 
      var B_name="Failed to identify the browser"; 
      if(u_agent.indexOf("Firefox")>-1){ 
          B_name="Firefox"; 
      }else if(u_agent.indexOf("Chrome")>-1){ 
          B_name="Chrome"; 
      }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 
          B_name="IE(8-10)";  
      }
        document.write("B_name:"+B_name+"<br>");
        document.write("u_agent:"+u_agent+"<br>"); 
    } 
    
    运行结果

    end.
    本笔记整理自慕课网

    相关文章

      网友评论

        本文标题:JS浏览器对象:Location/Navigator/userA

        本文链接:https://www.haomeiwen.com/subject/ekpgbttx.html