JS BOM知識整理

本文轉載自查看原文 2015-09-01 19:45 8700 BOM/ 思維導圖/ JavaScript/ navigator

BOM部分主要是針對瀏覽器的內容，其中常用的就是window對象和location，

　　window是全局對象很多關於瀏覽器的腳本設置都是通過它。

　　location則是與地址欄內容相關，比如想要跳轉到某個頁面，或者通過URL獲取一定的內容。

　　navigator中有很多瀏覽器相關的內容，通常判斷瀏覽器類型都是通過這個對象。

　　screen常常用來判斷屏幕的高度寬度等。

　　history不太常用，一般應該不會有寫關於歷史記錄的腳本。

其中比較常用的內容就是：

　　如何判斷各種版本的瀏覽器

導圖

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瀏覽器

IE瀏覽器

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS知識點整理前端必會的js知識總結整理 fabric.js 知識點整理 JS中的DOM與BOM js操作bom和dom Js--BOM詳解 JS BOM操作 js中的BOM對象 js中BOM和DOM的區別 JS基礎---常見的Bom對象