js入门系列位置与相对位置事件坐标Navigator对象在编写前端页面的时候，我们会遇到不同浏览器下不同的逻辑情况。这时候我们就需要通过js代码来确认当前浏览器的类型和版本了。这时候我们就需要用到窗口中的navigator对象。首先，我们看一下导航器，再看一下控制栏中的输出：下面解释一下对象中各个属性的概念：appCodeName浏览器的代号。appMinorVersion浏览器的次要版本。appName浏览器的名称。appVersion浏览器的平台和版本信息。browserLanguage当前浏览器的语言。cookieEnabled布尔值，指示是否在浏览器中启用cookie。cpuClass浏览器系统的CPU类。onLine一个布尔值，指示系统是否处于离线模式。平台运行浏览器的操作系统平台。systemLanguage操作系统使用的默认语言。userAgent客户端发送给服务器的用户代理头的值。userLanguage操作系统自然语言设置。了解了导航器下相应的属性信息后，我们就可以获得很多有效的信息，比如当前浏览器、浏览器版本、当前电脑操作系统等等，是不是很棒呢？让我们写一个简单的代码来判断当前浏览器：varUserAgent=window.navigator.userAgent.toLowerCase();functiongetBrowserType(UserAgent){varresult={isIE6:/msie6.0/.test(UserAgent),//IE6isIE7:/msie7.0/.test(UserAgent),//IE7是IE8:/msie8.0/.test(UserAgent),//IE8是IE9:/msie9.0/.test(UserAgent),//IE9是IE10:/msie10.0/.test(UserAgent),//IE10是IE11:/msie11.0/.test(UserAgent),//IE11是LB:/lbbrowser/.test(UserAgent),//猎豹浏览器是Uc:/ucweb/.test(UserAgent),//UC浏览器是360:/360se/.test(UserAgent),//360浏览器是百度:/bidubrowser/.test(UserAgent),//百度浏览器是搜狗:/metasr/.test(UserAgent),//搜狗浏览器是Chrome:/chrome/.test(UserAgent),//Chrome浏览器是Firefox:/firefox/.test(UserAgent),//火狐浏览器是Opera:/opera/.test(UserAgent),//Opera浏览器是Safiri:/safari/.test(UserAgent)&&!/chrome/.test(UserAgent),//safire浏览器是QQ:/qqbrowser/.test(UserAgent)//qq浏览器};返回结果;}console.log(getBrowserType(UserAgent));下图是代码运行的结果：就是这样，我们可以简单的判断当前浏览器的类型，从而达到子浏览器处理的效果~
