網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > IT科技 > 

js重新載入當前頁面的方法

欄目: IT科技 / 發佈於: / 人氣:2.22W

js重新載入當前頁面共有五種方法:

1、 reload

reload 方法,該方法強迫瀏覽器重新載入當前頁面。
語法:location.reload([bForceGet])   
參數: bForceGet, 可選參數, 默認爲 false,從客戶端快取裏取當前頁。true, 則以 GET 方式,從服務端取最新的頁面, 相當於客戶端點擊 F5("重新載入")

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

js重新載入當前頁面的方法

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();來返回並重新載入頁面,這兩種方法不會重新載入頁面。 

js重新載入當前頁面的方法 第2張

3、頁面自動重新載入:

把代碼加入<head>區域中

 代碼如下:

<meta http-equiv="refresh" content="20">

其中20指每隔20秒重新載入一次頁面.
4、頁面自動跳轉:

把代碼加入<head>區域中

 代碼如下:

<meta http-equiv="refresh" content="20;url=http://www.jb51.net">

其中20指隔20秒後跳轉到http://www.jb51.net頁面
5、頁面自動重新載入js版:

代碼如下:

<script language="JavaScript">
function myrefresh()
{undefined
   window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒重新載入一次
</script>