首頁 > web前端 > js教程 > JavaScript怎麼實現頁面的刷新

JavaScript怎麼實現頁面的刷新

青灯夜游
發布: 2023-01-07 11:44:16
原創
4707 人瀏覽過

頁面刷新方法:1、「history.go(0)」語句;2、「location.reload()」語句;3、「location=location」語句;4、「location.assign(location )」語句等等。

JavaScript怎麼實現頁面的刷新

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

Javascript刷新頁面的幾個方法:

  • #history.go(0)

  • location.reload()

  • #location=location

  • ##location.assign(location)

  • #document.execCommand('Refresh')

  • #window.navigate(location)

  • location.replace(location)

  • #document.URL=location.href

#reload 方法

該方法強迫瀏覽器重新整理目前頁面。

語法:

location.reload([bForceGet])
登入後複製

參數: bForceGet, 可選參數, 預設為 false,從客戶端快取取目前頁。 true, 則以GET 方式,從服務端取最新的頁面, 相當於客戶端點擊F5(“刷新”) 

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);
登入後複製

自動刷新頁面的方法:


頁面自動刷新:把如下程式碼加入區域中,其中20指每隔20秒刷新一次頁面.

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

頁面自動跳轉:把如下程式碼加入區域中,其中20指隔20秒後跳到https://www.baidu.com頁面

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

頁面自動刷新js版

<script language="JavaScript">function myrefresh(){
   window.location.reload();
}
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次</script>
登入後複製

【推薦學習:

javascript進階教學

以上是JavaScript怎麼實現頁面的刷新的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板