js重新整理當前頁面的方法

IT科技
關注：2.2W次

js重新整理當前頁面共有五種方法：

1、 reload

reload 方法，該方法強迫瀏覽器重新整理當前頁面。
語法：location.reload([bForceGet])
引數： bForceGet，可選引數，預設為 false，從客戶端快取裡取當前頁。true, 則以 GET 方式，從服務端取最新的頁面, 相當於客戶端點選 F5("重新整理")

reload() 方法用於重新載入當前文件。
如果該方法沒有規定引數，或者引數是 false，它就會用 HTTP 頭 If-Modified-Since 來檢測伺服器上的文件是否已改變。如果文件已改變，reload() 會再次下載該文件。如果文件未改變，則該方法將從快取中裝載文件。這與使用者單擊瀏覽器的重新整理按鈕的效果是完全一樣的。

2、replace

replace方法通過指定URL替換當前快取在歷史裡（客戶端）的專案，因此當使用replace方法之後，你不能通過“前進”和“後退”來訪問已經被替換的URL。
語法： location.replace(URL)
通常使用： location.reload() 或者是 history.go(0) 來做。
此方法類似客戶端點F5重新整理頁面，所以頁面method="post"時，會出現"網頁過期"的提示。
因為Session的安全保護機制。
當呼叫 location.reload() 方法時， aspx頁面此時在服務端記憶體裡已經存在，因此必定是 IsPostback 的。
如果有這種應用：需要重新載入該頁面，也就是說期望頁面能夠在服務端重新被建立，期望是 Not IsPostback 的。
這裡，location.replace() 就可以完成此任務。被replace的頁面每次都在服務端重新生成。
程式碼： location.replace(location.href);

返回並重新整理頁面：

location.replace(document.referrer);
document.referrer //前一個頁面的URL

不要用 history.go(-1)，或 history.back();來返回並重新整理頁面，這兩種方法不會重新整理頁面。