js刷新頁面方法大全_javascript技巧

來源:腳本之家  責任編輯:小易  

代碼如下:window.onload=function(){alert("onload");}1,reload 方法,該方法強迫瀏覽器刷新當前頁面。語法:location.reload([bForceGet])參數:bForceGet,可選參數,默認為 false,從客戶端緩存里取當前頁。true,則以 GET 方式,從服務端取最新的頁面,相當于客戶端點擊 F5("刷新")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);www.anxorj.tw防采集請勿采集本網。

如何實現刷新當前頁面呢?借助js你將無所不能。

刷新清緩存,相當于Ctrl+F5:location.reload(true) 普通刷新:location.reload()

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

用reload 方法,該方法強迫瀏覽器刷新當前頁面。語法:location.reload([bForceGet]) 參數:bForceGet,可選參數,默認為 false,從客戶端緩存里取當前頁。true,則以 GET 方式,從服務端取最新的

語法:location.reload([bForceGet])  

div里面放一個iframe然后刷新這個iframe即可;蛘遖jax

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

JavaScript location.reload()方法 Location 對象的 reload()方法用于重新加載當前文檔(頁面),語法如下: location.reload(false|true) 如果要強制刷新當前頁面,請將參數設置為 true。

2,replace 方法,該方法通過指定URL替換當前緩存在歷史里(客戶端)的項目,因此當使用replace方法之后,你不能通過“前進”和“后退”來訪問已經被替換的URL。

直接修改返回的那一行的狀態就可以了!這里加參數message,你ajax返回內容里加入執行結果和執行id,然后在這個函數里找到操作行,直接修改操作行的內容 success:function(message){ LG.

語法: 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=//www.anxorj.tw">

其中20指隔20秒后跳轉到//www.anxorj.tw頁面

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=//www.anxorj.tw">

其中20指隔20秒后跳轉到//www.anxorj.tw頁面

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>

2.子窗口刷新父窗口

復制代碼 代碼如下:

<script language=JavaScript>

self.opener.location.reload();

</script>

3.如何刷新另一個框架的頁面用 (上面的實例以說明了)

復制代碼 代碼如下:

語句1. window.parent.frames[1].location.reload();

語句2. window.parent.frames.bottom.location.reload();

語句3. window.parent.frames["bottom"].location.reload();

語句4. window.parent.frames.item(1).location.reload();

語句5. window.parent.frames.item('bottom').location.reload();

語句6. window.parent.bottom.location.reload();

語句7. window.parent['bottom'].location.reload();

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

<body onload="opener.location.reload()">

開窗時刷新

<body onUnload="opener.location.reload()">

關閉時刷新

復制代碼 代碼如下:

<script language="javascript">

window.opener.document.location.reload()

</script>

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);返回并刷新頁面:location.replace(document.referrer);document.referrer/前一個頁面的URL不要用 history.go(-1),或 history.back();來返回并刷新頁面,這兩種方法不會刷新頁面。附:Javascript刷新頁面的幾種方法:1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href自動刷新頁面的方法:1.頁面自動刷新:把如下代碼加入區域中其中20指每隔20秒刷新一次頁面.2.頁面自動跳轉:把如下代碼加入區域中url=http://www.jb51.net">其中20指隔20秒后跳轉到http://www.jb51.net頁面內容來自www.anxorj.tw請勿采集。


  • 本文相關:
  • javascript中的location用法簡單介紹
  • javascript 中設置window.location.href跳轉無效問題解決辦法
  • javascript 打開頁面window.location和window.open的區別
  • js獲取location.href的參數實例代碼
  • js實現頁面跳轉重定向的幾種方式
  • javascript實現強制重定向至https頁面
  • js定時刷新頁面及跳轉頁面的方法
  • 刷新頁面的幾種方法小結(js,asp.net)
  • js 刷新頁面的代碼小結 推薦
  • js關于刷新頁面的相關總結
  • js基于location實現訪問url、重定向及刷新頁面的方法分析
  • javascript和jquery實現設置和移除文本框默認值效果代碼
  • js實現select選擇框效果及美化
  • js中判斷字符串存在和非空的方法
  • js canvas實現星空連線背景特效
  • javascript基于ajax編輯信息用法實例
  • 用javascript實現讀取txt文檔的腳本
  • js返回上一頁并刷新的多種實現方法
  • js中比switch...case更優雅的多條件判斷寫法
  • js 顯示base64編碼的二進制流網頁圖片
  • javascript進行數組追加方法小結
  • JS刷新當前頁面的幾種方法總結
  • 如何讓html頁面實現每次刷新的時候重新執行js
  • js返回上一頁并刷新的幾種方法
  • 細談JS刷新頁面常用方法有哪些
  • js如何刷新頁面
  • 如何使用js實現頁面刷新
  • JS頁面 如何實現刷新指定DIV?
  • js怎么刷新當前頁面?
  • js實現進入頁面先刷新在繼續進行js的功能
  • 后臺使用JS方法刷新當前頁面
  • 網站首頁網頁制作腳本下載服務器操作系統網站運營平面設計媒體動畫電腦基礎硬件教程網絡安全基礎知識javascript類庫表單特效廣告代碼網頁特效黑客性質javascript技巧domnode.jsjs其它首頁javascriptjavascript技巧如需引入外部js需刷新才能執行javascript中的location用法簡單介紹javascript 中設置window.location.href跳轉無效問題解決辦法javascript 打開頁面window.location和window.open的區別js獲取location.href的參數實例代碼js實現頁面跳轉重定向的幾種方式javascript實現強制重定向至https頁面js定時刷新頁面及跳轉頁面的方法刷新頁面的幾種方法小結(js,asp.net)js 刷新頁面的代碼小結 推薦js關于刷新頁面的相關總結js基于location實現訪問url、重定向及刷新頁面的方法分析javascript和jquery實現設置和移除文本框默認值效果代碼js實現select選擇框效果及美化js中判斷字符串存在和非空的方法js canvas實現星空連線背景特效javascript基于ajax編輯信息用法實例用javascript實現讀取txt文檔的腳本js返回上一頁并刷新的多種實現方法js中比switch...case更優雅的多條件判斷寫法js 顯示base64編碼的二進制流網頁圖片javascript進行數組追加方法小結js刷新頁面方法大全js中settimeout()的用法詳解js截取字符串常用方法詳細整理js頁面跳轉常用的幾種方式js打開新窗口的2種方式js數組與字符串的相互轉換方法js設置cookie、讀取cookie、刪除js 將json字符串轉換為json對象的javascript深入理解js閉包js刪除數組里的某個元素方法javascript面向對象的實現方法小結js隨機生成網頁背景顏色的方法通過設置css中的position屬性來固定層的位bootstrap datetime picker日歷控件簡單應discuz表情的js提取方法分析next.js實現react服務器端渲染的方法示例javascript實現構造json數組的方法分析原型方法的不同寫法居然會影響調試的解決純 js 實現放大縮小拖拽功能(完整代碼)一個js封裝的不錯的選項卡效果代碼
    免責聲明 - 關于我們 - 聯系我們 - 廣告聯系 - 友情鏈接 - 幫助中心 - 頻道導航
    Copyright © 2017 www.anxorj.tw All Rights Reserved
    陕西快乐10分下载