JS BOM知识整理

 BOM部分主要是针对浏览器的内容,其中经常使用的就是window对象和location,javascript

  window是全局对象不少关于浏览器的脚本设置都是经过它。html

  location则是与地址栏内容相关,好比想要跳转到某个页面,或者经过URL获取必定的内容。java

  navigator中有不少浏览器相关的内容,一般判断浏览器类型都是经过这个对象。chrome

  screen经常用来判断屏幕的高度宽度等。数组

  history不太经常使用,通常应该不会有写关于历史记录的脚本。浏览器

其中比较经常使用的内容就是:cookie

  如何判断各类版本的浏览器网络

导图

 

navigator

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script type="text/javascript"> console.log("浏览器名称"); console.log(navigator.appCodeName); console.log("次版本信息"); console.log(navigator.appMinorVersion); console.log("完整的浏览器名称"); console.log(navigator.appName); console.log("浏览器版本"); console.log(navigator.appVersion); console.log("浏览器编译版本"); console.log(navigator.buildID); console.log("是否启用cookie"); console.log(navigator.cookieEnabled); console.log("客户端计算机CPU类型"); console.log(navigator.cpuClass); console.log("浏览器是否启用java"); console.log(navigator.javaEnabled()); console.log("浏览器主语言"); console.log(navigator.language); console.log("浏览器中注册的MIME类型数组"); console.log(navigator.mimeTypes); console.log("是否链接到网络"); console.log(navigator.onLine); console.log("客户端计算机操做系统或者CPU"); console.log(navigator.oscpu); console.log("浏览器所在的系统平台"); console.log(navigator.platform); console.log("浏览器中插件信息数组"); console.log(navigator.plugins); console.log("用户的首选项"); // console.log(navigator.preference());
 console.log("产品名称"); console.log(navigator.product); console.log("产品的次要信息"); console.log(navigator.productSub); console.log("操做系统的语言"); console.log(navigator.systemLanguage); console.log("浏览器的用户代理字符串"); console.log(navigator. userAgent); console.log("操做系统默认语言"); console.log(navigator.userLanguage); console.log("用户我的信息对象"); console.log(navigator.userProfile); console.log("浏览器品牌"); console.log(navigator.vendor); console.log("浏览器供应商次要信息"); console.log(navigator.vendorSub); </script>
    </body>
</html>
View Code

chrome浏览器app

IE浏览器ide

相关文章
相关标签/搜索