JavaScript學習筆記(13)——BOM

1.window

全部瀏覽器都支持window對象，它表示瀏覽器窗口自己。

全部 JavaScript 全局對象、函數以及變量均自動成爲 window 對象的成員。

全局變量是 window 對象的屬性。

全局函數是 window 對象的方法。

甚至 HTML DOM 的 document 也是 window 對象的屬性之一。

/*
         * 對於Internet Explorer、Chrome、Firefox、Opera 以及 Safari：window.innerWidth
         * 對於 Internet Explorer 八、七、六、5：document.documentElement.clientWidth
         * 或者：document.body.clientWidth
         * 
         */
            var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

另外window還具備如下方法：

• window.open() - 打開新窗口
• window.close() - 關閉當前窗口
• window.moveTo() - 移動當前窗口
• window.resizeTo() - 調整當前窗口的尺寸

2.screen

屏幕

3.location

用於獲取當前頁面的地址，主機域名，端口，頁面文件路徑，協議等相關信息，並能夠將瀏覽器重定向到新的頁面。

其屬性不只限於如下屬性：

• location.hostname 返回 web 主機的域名
• location.pathname 返回當前頁面的路徑和文件名
• location.port 返回 web 主機的端口 （80 或 443）
• location.protocol 返回所使用的 web 協議（http:// 或 https://）

4.history

用於記錄瀏覽器訪問歷史記錄。有兩個重要方法，相似於瀏覽器前進和回退按鈕。

• history.back() - 與在瀏覽器點擊後退按鈕相同
• history.forward() - 與在瀏覽器中點擊按鈕向前相同

5.navigator

用於檢測瀏覽器信息，可是返回的信息具備誤導性。

因爲 navigator 可誤導瀏覽器檢測，使用對象檢測可用來嗅探不一樣的瀏覽器。

因爲不一樣的瀏覽器支持不一樣的對象，您可使用對象來檢測瀏覽器。例如，因爲只有 Opera 支持屬性 "window.opera"，您能夠據此識別出 Opera。

例子：if (window.opera) {...some action...}

6.popupalert

• alert("警示框")
• confirm("確認框") 返回bool值，用戶點擊確認或取消
• prompt("提示框","輸入框默認文本") 返回用戶在輸入框輸入的內容

7.timing

經過setTimeout方法設置定時器，代碼以下：

window.setTimeout("timeout1()", 3000);

其中timeout1是javascript函數，此處也能夠直接編寫javascript代碼，3000指定時器啓動後多久觸發前面的方法，單位爲毫秒。該方法返回值類型爲Number的timeoutId，該Id能夠作爲window.clearTimeout()方法的參數，此方法能夠清楚定時器。

另外還有以下定時器設置，代碼以下：

var i=window.setInterval("Interval1()",3000);

相似於setTimeout方法，區別在於，setTimeout方法設置的定時器在指定時間後執行一次，而setInterval()方法是每隔必定時間執行一次.

 

8.cookies

經過document.cookies＝""設置cookies字符串，經過document.cookies能夠讀取到已經存儲的cookies值，經過解析該字符串來使用cookies。