首頁 > web前端 > js教程 > 主體

JS頁面刷新的方法總結

黄舟
發布: 2017-11-16 14:16:51
原創
4403 人瀏覽過

我們在前面介紹了JavaScript刷新頁面location.reload()的用法,其實在JS中刷新頁面的方法有很多種,這只是其中的一種,那麼今天我們就帶大家學習下JS刷新頁面的方法總結!

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  ('Refresh')
6    window.navigate(location)
7    location.replace(location)
8    document.URL=location.href

#javascript刷新頁面方法詳解
1.頁面自動刷新:把如下程式碼加入區域中

<meta http-equiv="refresh" content="20">
登入後複製

其中20指每隔20秒刷新一次頁面.

2.頁面自動跳:把如下程式碼加入區域中

<meta http-equiv="refresh" content="20;url=http://www.php.cn">
登入後複製

其中20指隔20秒後跳前往http://www.php.cn頁面

3.頁面自動刷新js版本

<script language="JavaScript">function myrefresh()
{
window.location.reload();
}
setTimeout(&#39;myrefresh()&#39;,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 onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>
登入後複製

總結:

#本文透過實例講述了JavaScript中刷新頁面的方法,其中主要講解了比較常用的幾種方法,小夥伴可以根據自己的需求選擇適合自己的方法!

相關推薦


################### #JavaScript刷新頁面location.reload()的用法###################

JS刷新頁面總和!多種JS刷新頁面程式碼!


#js刷新頁面方法大全

#########

以上是JS頁面刷新的方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!