1. 程式人生 > >自動重新整理頁面的實現方法總結

自動重新整理頁面的實現方法總結

1)
<meta   http-equiv= "refresh "content= "10;url=跳轉的頁面 ">
10表示間隔10秒重新整理一次
2)
<script   language= ' 'javascript ' '>
window.location.reload(true);
</script>
如果是你要重新整理某一個iframe就把window給換成frame的名字或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)

定時重新整理:
1)

<script> setTimeout( "location.href= 'url ' ",2000) </script>

說明:url是要重新整理的頁面URL地址
2000是等待時間=2秒,

2)

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

說明:  
n   is   the   number   of   seconds   to   wait   before   loading   the   specified   URL.  
url   is   an   absolute   URL   to   be   loaded.  
n,是等待的時間,以秒為單位


url是要重新整理的頁面URL地址

3)

<%response.redirect   url%>

說明:一般用一個url引數或者表單傳值判斷是否發生某個操作,然後利用response.redirect   重新整理。

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

彈出窗體後再重新整理的問題


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

在子窗體頁面程式碼head中加入 <base   target= "_self "/>

重新整理的內容加在       if   (!IsPostBack)   中

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


頁面定時重新整理功能實現


有三種方法:
1,在html中設定:
<title> xxxxx </title> 之後加入下面這一行即可!  
定時重新整理: <META   HTTP-EQUIV= "Refresh "   content= "10 ">  
10代表重新整理間隔,單位為秒

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

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

setTimeout只執行一次,也就是說設定的時間到後就觸發執行指定程式碼,執行完後即結束

setInterval(function(){
          window.location.href="index.html";
          },3000);


上面這段程式碼是迴圈執行的,當處在index.html頁面時實現的是每隔3秒自動重新整理本頁面的功能。當url為其他頁面時實現定時跳轉

setTimeout和setInterval的區別:

setTimeout只執行一次,也就是說設定的時間到後就觸發執行指定程式碼,執行完後即結束。如果執行的程式碼中再次運行同樣的setTimeout命令,則可迴圈執行。
setinterval是迴圈執行的,即每到設定時間間隔就觸發指定程式碼。這是真正的定時器。
setinterval使用簡單,而setTimeout則比較靈活,可以隨時退出迴圈,而且可以設定為按不固定的時間間隔來執行,比如第一次1秒,第二次2秒,第三次3秒……


頁面自動跳轉:
1,在html中設定:
<title> xxxxx </title> 之後加入下面這一行即可!  
定時跳轉並重新整理: <meta   http-equiv= "refresh "   content= "20;url=http://自己的URL "> ,
其中20指隔20秒後跳轉到http://自己的URL   頁面。


點選按鈕提交表單後重新整理上級視窗

A視窗開啟B視窗

然後在B裡面提交資料至C視窗

最後要重新整理A視窗

並且關閉B視窗

幾個javascript函式

//第一個自動關閉視窗
<script   language= "javascript ">
<!--
function   clock(){i=i-1
document.title= "本視窗將在 "+i+ "秒後自動關閉! ";
if(i> 0)setTimeout( "clock(); ",1000);
else   self.close();}
var   i=2
clock();
//-->
</script>  

//第二個重新整理父頁面的函式

<script   language= "javascript ">
opener.location.reload();
</script>


//第三個開啟視窗

<script   language= "javascript ">
function   show(mylink,mytitle,width,height)
{mailwin=window.open(mylink,mytitle, 'top=350,left=460,width= '+width+ ',height= '+height+ ',scrollbars=no ')}
</script>

重新整理iframe的方法

<script language="JavaScript">
function open_window() {
window.frames["ifr"].location.reload();
}
</script>
<iframe src="http://bbs.blueidea.com/" width=200 height=100 id="ifr" name="ifr"></iframe>

<a href="#" onclick="open_window();">重新整理</a>

相關推薦

網頁重新整理程式碼-重新整理頁面實現方式總結

自動重新整理頁面的實現方法總結:1)<meta http-equiv="refresh"content="10;url=跳轉的頁面">10表示間隔10秒重新整理一次2)<script language=''javascript''>window.location.reload(true

自動重新整理頁面實現方法總結

1) <meta   http-equiv= "refresh "content= "10;url=跳轉的頁面 "> 10表示間隔10秒重新整理一次 2) <script   language= ' 'javascript ' '> wind

BJUI接受TabID實現新增或編輯後自動重新整理頁面

場景 藉助於BJUI框架,不管是新增還是編輯,都要共用同一個頁面,執行同一個save方法。 參照: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/84098171 但是實現新增或者編輯後不會自動重新整理頁面,還要我

jquery自動重新整理頁面的幾種方法

Javascript重新整理頁面的幾種方法: 1   history.go(0)  2   location.reload()  3   location=location  4   location.assign(location)  5   document.execCommand('Refresh')

幾種常見的載入中、loading頁面效果的實現方法總結

<html> <head> <title>正在載入...</title> <meta http-equiv="Content-Type" c> </head> <body bgcolor="#FFFFFF" leftmargin="

SpringBoot最簡單的錯誤頁面實現方法

proc 定義 myeclipse term nag 機制 ima cli text 工具: MyEclipse2016 SpringBoot版本: 2.0.4 實現方法,如圖: 只要按照以上目錄層次,創建對應的異常提示頁面,便不需

thinkPHP5.0框架驗證碼呼叫及點選圖片重新整理簡單實現方法

這篇文章主要介紹了thinkPHP5.0框架驗證碼呼叫及點選圖片重新整理簡單實現方法,結合簡單示例形式分析了thinkPHP5框架驗證碼相關配置、後臺驗證、前臺重新整理等操作技巧,學習 thinkphp原始碼的朋友可以參考下,具體如下:   1、配置檔案中

手把手教你ExtJS從入門到放棄——篇二十二(示例19:Ext獲取頁面元素方法總結

總結:獲取頻繁操作的物件用get最好,會從快取裡取。 fly方法使用享元模式,操作一個元素時可用,dom元素一般都可以用 看了上面的內容,你可能還不怎麼懂,上JS程式碼(引數傳的是id) 1.get(利用了快取) 2.fly方法:使用了享元模式,當前物件儲存的永遠是

miniUI修改功能完成後自動重新整理頁面

 function update() {     var rows = grid.getSelecteds();     /*alert("rows="+JSON.stringify(rows))*/     if (rows.length == 1) {         v

Servlet 自動重新整理頁面

Servlet 自動重新整理頁面 假設有一個網頁,它是顯示現場比賽成績或股票市場狀況或貨幣兌換率。對於所有這些型別的頁面,您需要定期重新整理網頁。 Java Servlet 提供了一個機制,使得網頁會在給定的時間間隔自動重新整理。 重新整理網頁的最簡單的方式是使用響應物件的方法

livereload-實時自動重新整理頁面(只要檢測的資料夾中檔案有修改,頁面就會自動重新整理)(適用pc端、移動端)

開發專案時需要不斷的重新整理瀏覽器才能看到效果,這個是個很麻煩的事情,總是得手動去重新整理。如果可以邊改專案邊重新整理就好了。 livereload就是這個你想要的工具。 安裝livere

建立 Js圖片上傳實現方法總結

$(function(){     $("#file_upload").uploadify({         'auto':true,        //是否為自動上傳         'swf':'/uploadify/uploadify.swf',     //上傳的flash外掛         'u

定時任務實現方法總結與分析

上次熟悉了MarkDown的用法之後,由於各種原因一直沒有時間更新部落格。。。這次打算把我之前總結的一些東西陸陸續續的寫在部落格裡,希望下次用到的時候能夠快速記起來~ —————————————華麗的分割線——————————————– 1 定時任務簡介

PHP類的自動載入機制實現方法分析

這篇文章主要介紹了PHP類的自動載入機制實現方法,結合例項形式分析了__autoload方法進行類自動載入操作的相關實現技巧與使用注意事項,需要的朋友可以參考下。 本文例項講述了PHP類的自動載入機制實現方法。分享給大家供大家參考,具體如下: Test1.class.php <?php cl

字串反轉的實現方法總結

文章目錄 方法1:對稱交換法 方法2:函式遞迴法 方法3:列表反轉法 方法4:迴圈反向迭代法 方法5:倒序切片法 方法6:遍歷索引法 方法7:反向遍歷索引法 方法8:列表彈出法 方法9:反向迴

HTML Form中button自動重新整理頁面

<form class="form form-horizontal" id="queryForm" > <div class="row cl"> <label class="form-label col-sm-3">服

網頁自動重新整理實現

  有時候用到頁面整體自動重新整理,在前端可以用兩種方式實現,第一種是利用meta標籤傳送http頭實現自動重新整理,第二種是使用javascript函式延時實現自動重新整理。   1、利用meta標籤實現頁面自動重新整理   meta標籤可以有很多功能,位置是放在HTML程式碼的<head>&

JS強制重新整理頁面多種方法

JavaScript重新整理頁面的幾種方法: 1、history.go(0); 2、location.reload(); 3、location=location; 4、location.assign(location); 5、document.execCommand(’Re

javaweb例項--網頁的自動重新整理功能實現

javaweb例項–網頁的自動重新整理功能實現 做個記錄啊,如果看不懂可以留言,我就不詳細的寫部落格了 建立一個RefreshServelet.java package cn.kuls.dem

Ajax不重新整理頁面實現後臺傳值

在這個圖書購物車系統中,當我們進入有各種圖書的介面時。 我們要實現 通過點選[加入購物車]按鈕把自己想要的圖書放進購物車而又不重新整理當前的介面的功能。 這時候,我們要獲取要加入購物車的圖書的唯一的標識(PK主鍵或者圖書的ISBN),通過Ajax傳