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.href

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版

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

JS刷新框架的腳本語句

//如何刷新包含該框架的頁面用 
<script language=JavaScript>
parent.location.reload();
</script>

//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script> www.jbxue.com
( 或 <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>
打賞

免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2021 CODEPRJ.COM