javascript頁面刷新的幾種方法

時間 2021-08-13

標籤 javascript html java 瀏覽器緩存服務器框架 ide url 欄目 JavaScript 简体版

原文原文鏈接

javascript頁面刷新的幾種方法

javascript refresh page 幾種頁面刷新的方法javascript

window.location.reload()，window.history.go(0)和document.execCommand(''Refresh'')，這三個方法是最快速的。其餘的都有明顯的瀏覽器滾動條的出現。
Javascript刷新頁面的幾種方法：
1 history.go(0)
除非有<%..%>等需在服務端解釋才能生成的頁面代碼,不然直接讀取緩存中的數據
不刷新
2 location.reload()
要從新連服務器以讀得新的頁面(雖然頁面是同樣的)
刷新
3 location=location
要在javascript中導航，不是調用window對象的某個方法，而是設置它的location.href屬性，location屬性是每一個瀏覽器都支持的。好比：
<span onclick=」javascript:window.location.href=’#top’」>top</span>
執行後有後退、前進
4 location.assign(location)
加載 URL 指定的新的 HTML 文檔。就至關於一個連接，跳轉到指定的url，當前頁面會轉爲新頁面內容，能夠點擊後退返回上一個頁面。
5 document.execCommand('Refresh')
6 window.navigate(location)
MSDN說的window.navigate(sURL)方法是針對IE的，不適用於FF，在HTML DOM Window Object中，根本沒有列出window.navigate方法。
7 location.replace(location)
執行後無後退、前進
經過加載 URL 指定的文檔來替換當前文檔，這個方法是替換當前窗口頁面，先後兩個頁面共用一個
窗口，因此是沒有後退返回上一頁的
8 document.URL=location.hrefjava

Javascript刷新頁面的幾種方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href瀏覽器

自動刷新頁面的方法: javascript自動刷新頁面方法詳解
1.頁面自動刷新：把以下代碼加入<head>區域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次頁面.緩存

2.頁面自動跳轉：把以下代碼加入<head>區域中
<meta http-equiv="refresh" content="20;url=http://www.jbxue.com">
其中20指隔20秒後跳轉到http://www.jbxue.com頁面服務器

3.頁面自動刷新js版框架

{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次</script>

JS刷新框架的腳本語句
ui

//如何刷新包含該框架的頁面用 <script language=JavaScript>parent.location.reload();</script>//子窗口刷新父窗口<script language=JavaScript>self.opener.location.reload();</script> www.jbxue.com
url

(　或　<a href="javascript:opener.location.reload()">刷新</a> )//如何刷新另外一個框架的頁面用 <script language=JavaScript>parent.另外一FrameID.location.reload();</script>

若是想關閉窗口時刷新或者想開窗時刷新的話，在<body>中調用如下語句便可。

<body onload="opener.location.reload()"> 開窗時刷新<body onUnload="opener.location.reload()"> 關閉時刷新<script language="javascript">window.opener.document.location.reload()</script>