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

相關文章
相關標籤/搜索