通路曆史記錄-JavaScript入門基礎（009）

通路曆史記錄：

在JavaScript中，浏覽器的曆史記錄用window.history對象表示的，它是通路過的URL清單。history對象的方法可以讓我們通路這個清單，但是不能修改這些URL位址。

history對象隻有一個屬性，是length長度，表示使用者通路過的頁面的數量：

history對象有三個方法，分别是forward（），backward（）和go（）；

相當于單擊浏覽器的前進按鈕，在曆史清單中向前尋找一個URL;

相當于單擊浏覽器的後腿按鈕，在曆史清單中向後尋找一個URL；

x表示步數，可以前進或者後腿相應的步數，比如

location對象：

它包含目前加載頁面的URL資訊。頁面的URL是由多個部分組成的：

下面是一個URL範例：

協定是http，

主機名是www.xxx.com，

端口是8080，

路徑是/tools/display.php，

搜尋是?id=002，

hash是#list。

與location對象的對應屬性有：

屬性

說明

location.href

"http://www.xxx.com:8080/tools/display.php?id=002#list"

location.protocol

"http:"

location.host

"www.xxx.com:8080"

location.hostname

"www.xxx.com"

location.port

"8080"

location.pathname

"/tools/display.php"

location.search

"?id=002"

location.hash

"#list"

location對象導航：

第一種是直接使用href屬性，

用這種方法轉移至新頁面後，原始頁面的記錄會保留在浏覽器曆史記錄裡，可以使用back按鈕回退。如果希望使用新的URL替換目前頁面，可以使用location對象的replace方法：

重新整理頁面：

使用沒有參數的reload，浏覽器會從緩存中加載頁面，如果需要浏覽器從伺服器加載資料，可以帶參數true：

擷取浏覽器資訊navigator對象：

先看個示例代碼

​​​​​​​

浏覽器預覽後，你會發現很多配置資訊不是你想象中的。

navigator對象向我們展示了豐富的曆史背景和複雜的行業競争。以上這些資訊并不可靠，但也算是能夠提供的最佳結果了。是以，當我們需要一些浏覽器配置資訊時，從navigator擷取是一個錯誤的選擇。