js-瀏覽器學習

1.window 的屬性有：innerHeight， innerWidth， outerHeight， outerWidth； 2.navigator 對象表示瀏覽器信息，最經常使用的屬性包括： navigator.appName：瀏覽器名稱； navigator.appVersion：瀏覽器版本； navigator.language：瀏覽器設置的語言； navigator.platform：操做系統類型； navigator.userAgent：瀏覽器設定的User-Agent字符串。 3. var width = window.innerWidth || document.body.clientWidth; 4.screen 對象表示屏幕的信息，經常使用的屬性有： screen.width：屏幕寬度，以像素爲單位； screen.height：屏幕高度，以像素爲單位； screen.colorDepth：返回顏色位數，如八、1六、24。 5. location對象表示當前頁面的URL信息.

http://www.example.com:8080/path/index.html?a=1&b=2#TOP

location.protocol; // 'http'
location.host; // 'www.example.com'
location.port; // '8080'
location.pathname; // '/path/index.html'
location.search; // '?a=1&b=2'
location.hash; // 'TOP'

要加載一個新頁面，能夠調用location.assign()。若是要從新加載當前頁面，調用location.reload()方法很是方便。

6. document對象表示當前頁面。因爲HTML在瀏覽器中以DOM形式表示爲樹形結構，document對象就是整個DOM樹的根節點。 document對象還有一個cookie屬性，能夠獲取當前頁面的Cookie。

Cookie是由服務器發送的key-value標示符。由於HTTP協議是無狀態的，可是服務器要區分究竟是哪一個用戶發過來的請求，就能夠用Cookie來區分。當一個用戶成功登陸後，服務器發送一個Cookie給瀏覽器，例如user=ABC123XYZ(加密的字符串)...，此後，瀏覽器訪問該網站時，會在請求頭附上這個Cookie，服務器根據Cookie便可區分出用戶。

7. 因爲JavaScript能讀取到頁面的Cookie，而用戶的登陸信息一般也存在Cookie中，這就形成了巨大的安全隱患，爲了解決這個問題，服務器在設置Cookie時可使用httnly，設定了httpOnly的Cookie將不能被JavaScript讀取。這個行爲由瀏覽器實現，主流瀏覽器均支持httpOnly選項，IE從IE6 SP1開始支持。

8. history對象保存了瀏覽器的歷史記錄，JavaScript能夠調用history對象的back()或forward ()，至關於用戶點擊了瀏覽器的「後退」或「前進」按鈕。

history對象保存了瀏覽器的歷史記錄，JavaScript能夠調用history對象的back()或forward ()，至關於用戶點擊了瀏覽器的「後退」或「前進」按鈕。

這個對象屬於歷史遺留對象，對於現代Web頁面來講，因爲大量使用AJAX和頁面交互，簡單粗暴地調用history.back()可能會讓用戶感到很是憤怒。

新手開始設計Web頁面時喜歡在登陸頁登陸成功時調用history.back()，試圖回到登陸前的頁面。這是一種錯誤的方法。

任何狀況，你都不該該使用history這個對象了。