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