技術知識-javascript強制刷新頁面的(de)實現代碼 - 中山市派多多網絡科技有限公司|中山網站建設|中山軟件開發|中山做(zuò)網站|中山建網站|APP小程序公衆号開發

javascript強制刷新頁面的(de)實現代碼

2019-09-08

JavaScript自動刷新頁面；
使用(yòng)JavaScript location.reload方法刷新網頁。當用(yòng)戶點擊一個(gè)鏈接此代碼可(kě)以自動在一個(gè)事件調用(yòng)。
如果想使用(yòng)鼠标點擊刷新網頁，可(kě)以用(yòng)下(xià)面的(de)代碼：

<a href="javascript:location.reload(true)">Refresh Page</a>

要了(le)解它更好的(de)辦法，可(kě)以刷新頁面
自動刷新：
還(hái)可(kě)以使用(yòng)JavaScript後自動給定時(shí)間段，以刷新頁面。以下(xià)是每5秒後會刷新此頁面的(de)例子。可(kě)以改變這(zhè)個(gè)時(shí)候按您的(de)要求。

<html>
<head>
<script type="text/JavaScript">

</script>
</head>
<body onload="JavaScript:AutoRefresh(5000);">
<p>This page will refresh every 5 seconds.</p>
</body>
</html>
這(zhè)裏的(de) setTimeout()是一個(gè)内置的(de)JavaScript函數，可(kě)用(yòng)于給定的(de)時(shí)間間隔之後執行另一個(gè)函數。

javascript 強制刷新頁面的(de)實現代碼

Javascript刷新頁面的(de)幾種方法：
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

自動刷新頁面的(de)方法:
1.頁面自動刷新：把如下(xià)代碼加入<head>區(qū)域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次頁面.

2.頁面自動跳轉：把如下(xià)代碼加入<head>區(qū)域中
<meta http-equiv="refresh" content="20;url=http://www.wansion.net">
其中20指隔20秒後跳轉到http://www.wansion.net頁面

3.頁面自動刷新js版

代碼如下(xià):

ASP.NET如何輸出刷新父窗(chuāng)口腳本語句
1. this.response.write("<script>opener.location.reload();</script>");
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的(de)頁.asp'');</script>")

JS刷新框架的(de)腳本語句
//如何刷新包含該框架的(de)頁面用(yòng)
<script language=JavaScript>
parent.location.reload();
</script>

//子窗(chuāng)口刷新父窗(chuāng)口
<script language=JavaScript>
self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一個(gè)框架的(de)頁面用(yòng)
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

如果想關閉窗(chuāng)口時(shí)刷新或者想開窗(chuāng)時(shí)刷新的(de)話(huà)，在<body>中調用(yòng)以下(xià)語句即可(kě)。

<body onload="opener.location.reload()"> 開窗(chuāng)時(shí)刷新
<body onUnload="opener.location.reload()"> 關閉時(shí)刷新

//跳出頁面
<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
if (top.location !== self.location) {
top.location=self.location;
}

javascript 頁面隻自動刷新一次

代碼如下(xià):

<Script>
function reurl(){
url = location.href; //把當前頁面的(de)地址賦給變量 url
var times = url.split("?"); //分(fēn)切變量 url 分(fēn)隔符号爲 "?"
if(times[1] != 1){ //如果?後的(de)值不等于1表示沒有刷新
url += "?1"; //把變量 url 的(de)值加入 ?1
self.location.replace(url); //刷新頁面
}
}
onload=reurl
</script>

其他(tā)頁面刷新的(de)方式；
1.onResume()方法

activity或fragment頁面中（簡稱原頁面）啓動新的(de)頁面（簡稱新頁面），新頁面返回時(shí)需要原頁面刷新數據，觀察他(tā)們的(de)生命周期可(kě)以看出，啓動新的(de)頁面，原頁面會依次調用(yòng)onPause(), and onStop()方法，當新的(de)頁面關閉返回時(shí)，原頁面會調用(yòng)onStart(),onResume(),因此把加載數據放到onResume()方法中即可(kě)

        @Override
    public void onResume() {
      super.onResume();
      getData();//加載數據
    }

.startActivityForResult方法
三種情況
a.用(yòng)新頁面關閉的(de)默認碼，原頁面就刷新

設置返回碼

private int requestCode = 0X5;//返回碼大(dà)于零

啓動新頁面

startActivityForResult(new Intent(context,NewActivity.class).putExtras(bundle), requestCode);

//攜帶bundle啓動新頁面

新頁面關閉時(shí)會自動調用(yòng)Activity.RESULT_CANCELED，不需要在新頁面寫結果碼代碼

原頁面刷新數據：

    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
    // TODO Auto-generated method stub
    if (requestCode == this.requestCode && resultCode == Activity.RESULT_CANCELED) {
    //刷新數據
    }

b.改寫新頁面關閉時(shí)的(de)默認碼，原頁面刷新
設置結果碼爲RESULT_OK
覆寫finish( )方法

    @Override
    public void finish() {
    setResult(RESULT_OK);
    super.finish();
    }

原頁面刷新數據：

c.新頁面有特定操作，比如提交數據，原頁面才刷新數據

可(kě)以在新頁面設置requestCode，這(zhè)也(yě)是最通(tōng)用(yòng)的(de)方法，不累述
3.其他(tā)方法
接口回調，廣播，觀察者模式

.net頁面刷新的(de)方式;

第一：
private void Button1_Click( object sender, System.EventArgs e )
{
     Response.Redirect( Request.Url.ToString( ) );
}
第二：
private void Button2_Click( object sender, System.EventArgs e )
{
     Response.Write( "
     <script language=javascript>window.location.href=document.URL;
     </script>" );
}
第三：
private void Button3_Click( object sender, System.EventArgs e )
{
     Response.AddHeader( "Refresh","0" );
}
第四：
private void Button6_Click( object sender, System.EventArgs e )
{
     //好像有些不對(duì)？
     //Response.Write( "
     <script language=javascript>window.location.reload( );
     </script>" );
}
第五：(需替換<>)
<script>   </script><DIV style="Z-INDEX: 102;
LEFT: 408px;
POSITION: absolute;
TOP: 232px" ms_positioning="text2D">
<P><FONT size="3">自動刷新頁面</FONT></P>
</DIV>第六：
<meta http-equiv="refresh" content="300;
url=target.html">

用(yòng)window.location.href實現刷新另個(gè)框架頁面

在寫ASP.Net程序的(de)時(shí)候，我們經常遇到跳轉頁面的(de)問題，我們經常使用(yòng)Response.Redirect ，如果客戶要在跳轉的(de)時(shí)候使用(yòng)提示，這(zhè)個(gè)就不靈光(guāng)了(le)，如：

Response.Write("<script>alert('恭喜您，注冊成功！');</script>");
Response.Redirect("main.html");

這(zhè)時(shí)候我們的(de)提示内容沒有出來(lái)就跳轉了(le)，和(hé)Response.Redirect("main.html");沒有任何區(qū)别。

這(zhè)時(shí)我們采用(yòng)下(xià)面代碼試驗一下(xià)：

Response.Write("<script language=javascript>alert('恭喜您，注冊成功！')</script>");
Response.Write("<script language=javascript>window.location.href='main.html'</script>");

這(zhè)個(gè)即實現了(le)我們的(de)要求，在提示後，跳轉頁面。

最重要的(de)是window.location.href 語句可(kě)以實現一個(gè)框架的(de)頁面在執行服務器端代碼後刷新另一個(gè)框架的(de)頁面(Response.Redirect無法達到，至少我沒有發現)：

如：index.htm頁面中有二個(gè)框架，分(fēn)别爲 frameLeft和(hé)frameRight，在frameRight頁面中執行服務器端代碼後刷新frameLeft中的(de)頁面。

先前最常見的(de)是注冊之後，自動刷新登陸框，讓登陸框換成已登陸頁面，隻要在注冊成功的(de)代碼之後加上一段，即可(kě)以實現刷新另個(gè)框架的(de)頁面。代碼如下(xià)：

Response.Write("<script language=javascript>alert('恭喜您，注冊成功！')</script>");
Response.Write("<script language=javascript>window.parent.frameLeft.location.href='main.html'</script>");

自動刷新頁面的(de)實現方法總結:

1)
<meta http-equiv="refresh"content="10;url=跳轉的(de)頁面">
10表示間隔10秒刷新一次
2)
<script language=''javascript''>
window.location.reload(true);
</script>
如果是你要刷新某一個(gè)iframe就把window給換成frame的(de)名字或ID号
3)
<script language=''javascript''>
window.navigate("本頁面url");
</script>
4>

function abc()
{
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}

刷新本頁：
Response.Write("<script language=javascript>window.location.href=window.location.href;</script>")

刷新父頁：
Response.Write("<script language=javascript>opener.location.href=opener.location.href;</script>")

轉到指定頁:
Response.Write("<script language=javascript>window.location.href='yourpage.aspx';</script>")

刷新頁面實現方式總結(HTML,ASP,JS)
'by aloxy

定時(shí)刷新：
1，<script>setTimeout("location.href='url'",2000)</script>

說明(míng)：url是要刷新的(de)頁面URL地址
2000是等待時(shí)間=2秒，

2，<meta name="Refresh" content="n;url">

說明(míng)：
n is the number of seconds to wait before loading the specified URL.
url is an absolute URL to be loaded.
n,是等待的(de)時(shí)間，以秒爲單位
url是要刷新的(de)頁面URL地址

3，<%response.redirect url%>

說明(míng)：一般用(yòng)一個(gè)url參數或者表單傳值判斷是否發生某個(gè)操作，然後利用(yòng)response.redirect 刷新。

4，刷新框架頁
〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();</script〉

彈出窗(chuāng)體後再刷新的(de)問題

Response.Write("<script>window.showModalDialog('../OA/SPCL.aspx',window,'dialogHeight: 300px; dialogWidth: 427px; dialogTop: 200px; dialogLeft: 133px')</script>");//open
Response.Write("<script>document.location=document.location;</script>");

在子窗(chuāng)體頁面代碼head中加入<base target="_self"/>

刷新的(de)内容加在 if (!IsPostBack) 中

在框架頁中右面刷新左面
    //刷新框架頁左半部分(fēn)
    Response.Write("<script language=javascript>");
    Response.Write("parent.left.location.href='PayDetailManage_Left.aspx'");
    Response.Write("</script>");

頁面定時(shí)刷新功能實現

有三種方法：
1，在html中設置：
<title>xxxxx</title>之後加入下(xià)面這(zhè)一行即可(kě)！
定時(shí)刷新：<META HTTP-EQUIV="Refresh" content="10">
10代表刷新間隔,單位爲秒

2.jsp
<% response.setHeader("refresh","1"); %>
每一秒刷新一次

3.使用(yòng)javascript:
<script language="javascript">
setTimeout("self.location.reload();",1000);
<script>
一秒一次

頁面自動跳轉：
在html中設置：
<title>xxxxx</title>之後加入下(xià)面這(zhè)一行即可(kě)！
定時(shí)跳轉并刷新：<meta http-equiv="refresh" content="20;url=http://自己的(de)URL">,
其中20指隔20秒後跳轉到http://自己的(de)URL 頁面。

責任編輯：中山網站建設
【網訊網絡】國家高(gāo)新技術企業》十年專注軟件開發，網站建設，網頁設計，APP開發，小程序，微信公衆号開發，定制各類企業管理(lǐ)軟件（OA、CRM、ERP、訂單管理(lǐ)系統、進銷存管理(lǐ)軟件等)！服務熱(rè)線：0760-88610046、13924923903，http://www.wansion.net

上一篇：電子電器網頁設計方案

下(xià)一篇：講述Android應用(yòng)程序的(de)生命周期

javascript強制刷新頁面的(de)實現代碼

您的(de)項目需求咨詢熱(rè)線：0760-88610046(國家高(gāo)新技術企業)

服務熱(rè)線