制刷新當前頁面
1、reload -- 強迫瀏覽器刷新當前頁面
location.reload([bForceGet]) //重新加載當前文檔
bForceGet, 可選參數, 默認為 false,從客戶端緩存里取當前頁。true, 則以 GET 方式,從服務端取最新的頁面, 相當于客戶端點擊 F5("刷新")
2、replace -- 通過指定URL替換當前緩存在歷史里(客戶端)的項目,因此當使用replace方法之后,你不能通過“前進”和“后退”來訪問已經被替換的URL。
location.replace(location.href); //在服務端重新生成
當調用 location.reload() 方法時, aspx頁面此時在服務端內存里已經存在, 因此必定是 IsPostback 的。 如果有這種應用: 需要重新加載該頁面,也就是說期望頁面能夠在服務端重新被創建,期望是 Not IsPostback 的。這里,location.replace() 就可以完成此任務。被replace的頁面每次都在服務端重新生成。
3,history.go(0)
4,location=location
5,location.assign(location)
6,document.execCommand(‘Refresh‘)
7,window.navigate(location)
8,document.URL=location.href
自動刷新頁面:
<meta http-equiv="refresh" content="20"> //每隔20秒刷新一次頁面. web前端開發學習Q-q-u-n: 600610151,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法 (從零基礎開始到前端項目實戰教程,學習工具,職業規劃 )
頁面自動跳轉
<meta http-equiv="refresh" content="20;url=http://www.jb51.net"> //隔20秒后跳轉到http://www.jb51.net頁面
關閉窗口時刷新或者想開窗時刷新的話,在<body>中調用以下語句即可
<body onload="opener.location.reload()"> 開窗時刷新 <body onUnload="opener.location.reload()"> 關閉時刷新
我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取。
作者:大前端世界
鏈接:https://www.jianshu.com/p/e2323a533604
文為大家介紹三種 js 刷新當前頁面的方法:
reload() 方法;
replace() 方法;
頁面自動刷新;
方法1:reload() 方法
reload()方法用于刷新當前文檔。
reload() 方法類似于你瀏覽器上的刷新頁面按鈕。
location.reload();
方法2:replace() 方法
replace() 方法可用一個新文檔取代當前文檔。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>replace() 方法</title>
<script>
function replaceDoc(){
window.location.replace("http://www.xxxxxx.com")
}
</script>
</head>
<body>
<input type="button" value="載入新文檔替換當前頁面" onclick="replaceDoc()">
</body>
</html>
方法3:頁面自動刷新
頁面自動刷新:把如下代碼加入<head>區域中
<meta http-equiv="refresh" content="5">
其中5指每隔5秒刷新一次頁面。
JavaScript 中,有幾種方式可以實現刷新頁面的操作,以下是其中一些常見的方法:
1. 使用location對象:
```javascript
// 刷新當前頁面
location.reload();
// 強制從服務器重新加載頁面,不使用緩存
location.reload(true);
```
2. 使用location.href:
```javascript
// 通過修改當前 URL 來刷新頁面
location.href = location.href;
```
3. 使用history對象:
```javascript
// 刷新當前頁面
history.go(0);
```
4. 使用location.replace:
```javascript
// 刷新當前頁面,類似于location.reload()
location.replace(location.pathname + location.search);
```
5. 通過按鈕的點擊事件觸發刷新:
```javascript
// HTML 中添加一個按鈕
// <button id="refreshButton">刷新頁面</button>
// JavaScript 中給按鈕添加點擊事件
document.getElementById('refreshButton').addEventListener('click', function() {
// 刷新頁面
location.reload();
});
```
這些方法可以根據具體需求選擇使用。請注意,有些刷新方式可能會重新加載頁面并清除所有狀態,而有些則可能從緩存中加載頁面。在使用時需要根據實際情況選擇合適的方法。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。