整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          web前端入門到實戰:js刷新當前頁面的5種方式

          制刷新當前頁面

          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();

          });

          ```


          這些方法可以根據具體需求選擇使用。請注意,有些刷新方式可能會重新加載頁面并清除所有狀態,而有些則可能從緩存中加載頁面。在使用時需要根據實際情況選擇合適的方法。


          主站蜘蛛池模板: 久久国产精品亚洲一区二区| 丰满人妻一区二区三区免费视频 | 日韩视频一区二区在线观看| 深夜福利一区二区| 精品亚洲AV无码一区二区| 久久精品人妻一区二区三区| 国产精品免费视频一区| 国产成人一区二区三中文| 精品一区二区三区免费毛片爱 | 日本欧洲视频一区| 丝袜人妻一区二区三区网站| 日本一区二区三区四区视频| 精品人妻少妇一区二区三区不卡| 久久一区不卡中文字幕| 无码人妻aⅴ一区二区三区有奶水| 一区二区三区伦理高清| 国产亚洲一区区二区在线 | 亚洲一区二区三区香蕉| 亚洲一区二区三区无码中文字幕| 中文字幕永久一区二区三区在线观看| 精品人妻少妇一区二区三区在线| 国产一区在线视频观看| 夜夜精品视频一区二区| 国产福利电影一区二区三区,亚洲国模精品一区 | 亚洲成AV人片一区二区密柚| 免费高清在线影片一区| 丰满岳乱妇一区二区三区| 国模无码视频一区| 在线视频一区二区三区| 激情综合一区二区三区| 一区二区三区中文| 亚洲福利一区二区三区| 久久久精品人妻一区二区三区| 又硬又粗又大一区二区三区视频| 无码精品尤物一区二区三区| 成人乱码一区二区三区av| 亚洲熟妇AV一区二区三区浪潮| 中文字幕精品一区二区2021年| 精品人妻无码一区二区三区蜜桃一 | 亚洲一区二区精品视频| 丝袜人妻一区二区三区|