整合營銷服務商

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

          免費咨詢熱線:

          js的 跳轉

          。 reload

          reload 方法,該方法強迫瀏覽器刷新當前頁面。

          語法:location.reload([bForceGet])

          參數: bForceGet, 可選參數, 默認為 false,從客戶端緩存里取當前頁。true, 則以 GET 方式,從服務端取最新的頁面, 相當于客戶端點擊 F5("刷新")

          reload() 方法用于重新加載當前文檔。

          如果該方法沒有規定參數,或者參數是 false,它就會用 HTTP 頭 If-Modified-Since 來檢測服務器上的文檔是否已改變。如果文檔已改變,reload() 會再次下載該文檔。如果文檔未改變,則該方法將從緩存中裝載文檔。這與用戶單擊瀏覽器的刷新按鈕的效果是完全一樣的。

          2.

          2,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);

          返回并刷新頁面:

          location.replace(document.referrer);

          document.referrer //前一個頁面的URL

          不要用 history.go(-1),或 history.back();來返回并刷新頁面,這兩種方法不會刷新頁面。

          附:

          Javascript刷新頁面的幾種方法:

          復制代碼 代碼如下:

          1,history.go(0)

          2,location.reload()

          3,location=location

          4,location.assign(location)

          5,document.execCommand('Refresh')

          6,window.navigate(location)

          7,location.replace(location)

          8,document.URL=location.href

          自動刷新頁面的方法:

          1,頁面自動刷新:把如下代碼加入<head>區域中

          復制代碼 代碼如下:

          <meta http-equiv="refresh" content="20">

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

          2,頁面自動跳轉:把如下代碼加入<head>區域中

          復制代碼 代碼如下:

          <meta http-equiv="refresh" content="20;url=http://www.jb51.net">

          其中20指隔20秒后跳轉到http://www.jb51.net頁面

          3,頁面自動刷新js版

          復制代碼 代碼如下:

          <script language="JavaScript">

          function myrefresh()

          {

          window.location.reload();

          }

          setTimeout('myrefresh()',1000); //指定1秒刷新一次

          </script>

          4,JS刷新框架的腳本語句

          復制代碼 代碼如下:

          //刷新包含該框架的頁面用

          <script language=JavaScript>

          parent.location.reload();

          </script>

          //子窗口刷新父窗口

          <script language=JavaScript>

          self.opener.location.reload();

          </script>

          ( 或 <a href="javascript:opener.location.reload()">刷新</a> )

          //刷新另一個框架的頁面用

          <script language=JavaScript>

          parent.另一FrameID.location.reload();

          </script>

          如果想關閉窗口時刷新或想開窗時刷新,在<body>中調用以下語句即可。

          復制代碼 代碼如下:

          <body onload="opener.location.reload()"> 開窗時刷新

          <body onUnload="opener.location.reload()"> 關閉時刷新

          <script language="javascript">

          window.opener.document.location.reload()

          </script>

          一、先來看一個簡單的例子:

          下面以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。

          frame.html 由上(top.html)下(bottom.html)兩個頁面組成,代碼如下:

          復制代碼 代碼如下:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

          <HTML>

          <HEAD>

          <TITLE> frame </TITLE>

          </HEAD>

          <frameset rows="50%,50%">

          <frame name=top src="top.html">

          <frame name=bottom src="bottom.html">

          </frameset>

          </HTML>

          現在假設top.html (即上面的頁面) 有七個button來實現對bottom.html (即下面的頁面) 的刷新,可以用以下七種語句,哪個好用自己看著辦了。

          top.html 頁面的代碼如下:

          復制代碼 代碼如下:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

          <HTML>

          <HEAD>

          <TITLE> top.html </TITLE>

          </HEAD>

          <BODY>

          <input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>

          <input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>

          <input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>

          <input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>

          <input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>

          <input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>

          <input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>

          </BODY>

          </HTML>

          下面是bottom.html頁面源代碼,為了證明下方頁面的確被刷新了,在裝載完頁面彈出一個對話框。

          復制代碼 代碼如下:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

          <HTML>

          <HEAD>

          <TITLE> bottom.html </TITLE>

          </HEAD>

          <BODY onload="alert('我被加載了!')">

          <h1>This is the content in bottom.html.</h1>

          </BODY>

          </HTML>

          解釋一下:

          復制代碼 代碼如下:

          1.window指代的是當前頁面,例如對于此例它指的是top.html頁面。

          2.parent指的是當前頁面的父頁面,也就是包含它的框架頁面。例如對于此例它指的是framedemo.html。

          3.frames是window對象,是一個數組。代表著該框架內所有子頁面。

          4.item是方法。返回數組里面的元素。

          5.如果子頁面也是個框架頁面,里面還是其它的子頁面,那么上面的有些方法可能不行。

          附:

          Javascript刷新頁面的幾種方法:

          1 history.go(0)

          2 location.reload()

          3 location=location

          4 location.assign(location)

          5 document.execCommand('Refresh')

          6 window.navigate(location)

          7 location.replace(location)

          8 document.URL=location.href

          二、自動刷新頁面

          1.頁面自動刷新:把如下代碼加入<head>區域中

          <meta http-equiv="refresh" content="20">

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

          2.頁面自動跳轉:把如下代碼加入<head>區域中

          <meta http-equiv="refresh" content="20;url=http://www.jb51.net">

          其中20指隔20秒后跳轉到http://www.jb51.net頁面

          3.頁面自動刷新js版

          [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

          三、java在寫Servler,Action等程序時,要操作返回頁面的話(如談出了窗口,操作完成以后,關閉當前頁面,刷新父頁面)

          復制代碼 代碼如下:

          1 PrintWriter out = response.getWriter();

          2 out.write("<script type=\"text/javascript\">");

          3 ////子窗口刷新父窗口

          4 out.write("self.opener.location.reload();");

          5 //關閉窗口

          6 out.write("window.opener=null;");

          7 out.write("window.close();");

          8 out.write("</script>");

          四、JS刷新框架的腳本語句

          1.如何刷新包含該框架的頁面用

          復制代碼 代碼如下:

          <script language=JavaScript>

          parent.location.reload();

          </script>

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

          });

          ```


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

          刷新頁面是我們前端er經常做的事情,用js刷新方法還是很多的,本文整理下。


          這里重點說下下面兩個方法:

          location.reload

          語法:location.reload(force) ;

          參數: force, 可選參數, 默認為 false。

          如果該方法沒有規定參數,或者參數是 false,它就會用 HTTP 頭 If-Modified-Since 來檢測服務器上的文檔是否已改變。如果文檔已改變,reload() 會再次下載該文檔。如果文檔未改變,則該方法將從緩存中裝載文檔。這與用戶單擊瀏覽器的刷新按鈕的效果是完全一樣的。

          如果把該方法的參數設置為 true,那么無論文檔的最后修改日期是什么,它都會繞過緩存,從服務器上重新下載該文檔。這與用戶在單擊瀏覽器的刷新按鈕時按住 Shift 健的效果是完全一樣。

          location.replace

          replace() 方法不會在 History 對象中生成一個新的記錄。當使用該方法時,新的 URL 將覆蓋 History 對象中的當前記錄。被replace的頁面每次都在服務端重新生成。可以如下這么寫:

          返回并刷新頁面

          注意,history.go(-1)或者 history.back()不會刷新頁面。

          其他 :

          別的沒了吧

          下面來來看看自動刷新頁面的方法總結:

          • 自動刷新:

          把上面代碼加入<head>區域,其中20指每隔20秒刷新一次頁面

          • 自動跳轉:

          把上面代碼加入<head>區域,其中20指隔20秒后跳轉到百度

          • 也可以自己利用上邊總結的方法自己封裝一個刷新

          再來看看js如何刷新框架

          關閉窗口時刷新或者打開窗時刷新


          主站蜘蛛池模板: 天堂va在线高清一区 | 农村人乱弄一区二区| 精品国产亚洲一区二区三区在线观看| 91大神在线精品视频一区| 日本v片免费一区二区三区 | 麻豆果冻传媒2021精品传媒一区下载| 无遮挡免费一区二区三区| 日韩一区二区三区无码影院| 国产婷婷一区二区三区| 国产成人一区二区三区高清| 中文字幕一区一区三区| 久久精品免费一区二区三区| 久久无码精品一区二区三区| 日韩一区二区三区在线精品| 国产成人精品一区二区A片带套 | 亚洲AV无码一区二区一二区| 亚欧色一区W666天堂| 日韩精品一区二区三区在线观看| 日本视频一区二区三区| 一区二区三区无码被窝影院| 亚洲第一区香蕉_国产a| 色欲精品国产一区二区三区AV| 精品一区二区三区东京热| 国产福利电影一区二区三区,亚洲国模精品一区 | 波多野结衣在线观看一区二区三区| 欧美日韩精品一区二区在线观看 | 国精无码欧精品亚洲一区| 国产一区二区精品久久岳√| 国产亚洲福利精品一区二区| 国产亚洲综合精品一区二区三区| 久久国产午夜精品一区二区三区| 成人精品视频一区二区三区| 久久一区二区免费播放| 亚洲一区二区三区在线观看精品中文 | 在线视频一区二区三区三区不卡 | 亚洲国产欧美国产综合一区 | 久久久精品人妻一区二区三区| 无码精品人妻一区二区三区漫画| 乱子伦一区二区三区| 日韩精品一区二区亚洲AV观看| 无码视频一区二区三区|