JS BOM知识整理

时间 2019-11-08

原文原文链接

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

1. JS BOM知识整理
2. BOM知识整理
3. js知识整理
4. JS-有关BOM的知识
5. js 零碎知识整理
6. js相关知识整理
7. js知识点整理
8. js知识整理(一)
9. JS知识点整理
10. JavaScript——BOM知识
更多相关文章...
• 与传输层有关的基本知识 - TCP/IP教程
• Spring通知类型及使用ProxyFactoryBean创建AOP代理 - Spring教程
• Docker 清理命令
• ☆技术问答集锦（13）Java Instrument原理