1. 程式人生 > >JS 重新整理當前頁面 返回上一頁並重新整理的方法

JS 重新整理當前頁面 返回上一頁並重新整理的方法

 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=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.wyxg.com">
其中20指隔20秒後跳轉到http://www.wyxg.com頁面

3.頁面自動重新整理js版
<script language="JavaScript">
function myrefresh()
{
       window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒重新整理一次
</script>

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>

相關推薦

JS 重新整理當前頁面 返回重新整理方法

 reload 方法,該方法強迫瀏覽器重新整理當前頁面。語法:location.reload([bForceGet])                                                                            

js 返回重新整理頁面

正常情況下我們通過 history.back() 或者 history.go(-1) 返回上一級頁面的時候,是不會重新整理頁面的。這種不重新整理頁面包含兩種情況: 在 android 或者 pc 瀏覽器中看到的頁面有重新整理的效果,其實不是這樣的,這個時候的

js---mui返回重新整理資料

作為小白,寫這個是崩潰的,每一個單獨都可以用,但是放到返回主頁面就不行了,然後然後。。。就各自截取了一段,就好了/(ㄒoㄒ)/~~ HTML程式碼片://使用的是mui的返回 <header class="mui-bar mui-bar-nav"> <a

js返回重新整理

/點選瀏覽器上的返回按鈕,返回上一頁並重新整理 $(document).ready(function($) { if (window.history && window.history.pushState) {

JS(history,location的使用)返回以及返回重新整理

window.history.go(-1);//返回上一頁不重新整理 window.history.back(); //返回上一頁 window.location.href = document

返回重新整理返回重新整理程式碼

返回並重新整理   <script>alert("恭喜您,操作成功!"); window.location.href=document.referrer; </script> 返回不重新整理   <script>alert("恭喜您,操

關於網頁返回重新整理的問題(C#、WebForm、移動端)

昨天碼程式碼時遇到一個問題,history.back()或go(x)、forward()之後,呼叫重新整理location.reload()方法,怎麼也跳轉不到上一個頁面。在此處寫出昨天產生的一些疑問以及自己的一些理解,希望大家能夠給出合理的指點,謝謝。實際需求為:完成一個選

php javascript 返回重新整理返回重新整理

js: 返回並重新整理   <script>alert("恭喜您,操作成功!"); window.location.href=document.referrer; </script> 返回不重新整理   <script>alert("恭喜您,操作成功!"); windo

使用angularjs、ionic框架如何實現返回重新整理

普通的js返回並重新整理這裡就不多說了,百度就有很多方法。 下面說的是使用了angularjs、ionic開發的一個手機app中使用的一個返回上一頁並重新整理的方法。 場景:回覆的頁面是單獨的,點選儲存回覆後會回到上一個頁面,此時  上一個頁面會顯示出你新回覆的內容

返回強制頁面重新整理

使用window.history.go(-1)返回上頁的同時重新整理"上頁",這個適合用在"上頁"含有動態更新的內容,比如呼叫論壇的新帖,呼叫文章系統的最新文章等等。如果你的"上頁"沒有動態更新的內容,建議不要弄這個,別人點返回的時候還要再載入一次。 強制載入後重新整理一次

js 返回重新整理

因為是轉載文章 在此標明出處,以前有文章是轉的沒標明的請諒解,因為有些已經無法找到出處,或者與其它原因。 如有冒犯請聯絡本人,或刪除,或標明出處。 因為好的文章,以前只想收藏,但連線有時候會失效,所以現在碰到好的直接轉到自己這裡。 1. Javascript

js返回刷新 代碼整理

onunload 服務端 script navi 包含 都在 navigate 出現 assign 真正好用: 強制載入後刷新一次 在要載入的頁面加入以下代碼: <script> if(window.name != "bencalie"){ loca

關於js返回的實現方法

logs 常用 實現 cli src https out order .com 以前在提交表單的時候,如果提交出錯返回的時候信息內容全沒了,我不知道要怎麽保存,就開始了那種最愚蠢的做法,將填寫的數據設置到session中,讓後取出來用,不過沒有試成功,總是有錯,無意之中在我

php執行成功後返回重新整理頁面

這個問題是群裡有人問的。 他有一個退出的頁面logout.php,希望使用者在點選退出按鈕後退出登入狀態,並返回之前的頁面。 他寫的程式碼如下:      <?php echo "<script>alert('退

android開發中如何從當前頁面返回頁面

在開發過程中我們常常會用返回鍵的功能。在一些特定的場合下也可以自己寫返回功能。 一開始我是用intent來建立一個新的頁面。後面發現這樣等同於重新打開了一個新的頁面。 接下來用這種方法:Activity.this.finish(); 直接結束掉當前頁面即可。 原理 :

如何實現返回自動重新整理

Java編寫WEB程式時,頁面應該只是表示的部分,不應該含有任何Java指令碼程式碼,所以主要考慮使用JS來實現這一功能。我們經常會碰到返回上一頁,但是需要重新整理頁面上與狀態相關的資訊,從而避免重複操作,錯誤資訊的弊端。先說兩種方法: 1. 設定頁面為不快取,訪問上

解決webview呼叫 goBack() 返回自動重新整理閃白的情況

問題是:重寫了onKeyDown()方法使其goBack(),但是遇到的問題是,每次進入webview再次返回原始頁面的時候,中間會有一個閃白的出現。效果如下: 試了好多網上的方法,發現都是扯淡。 後來意識到,webView 有快取存在著快取模式,怎麼用不同的快取模式呢?

返回幾種方法

window.history.go(-1);//返回上一頁不重新整理 window.location.href = document.referrer;//返回上一頁並重新整理 方法一、以按鈕點選的方式實現: <input type="butto

微信小程式 返回傳參

itemClick: function(e) { let pages = getCurrentPages(); let prevPage = pages

DedeCMS提交表單後返回的實現方法

我們在使用DedeCMS製作自定義表單後,會發現在前段填完表單提交後,都會自動跳轉到首頁,而很多時候跳轉首頁對使用者體驗不好,我們一般都需要提交完表單後仍然停留在填表單的頁面,這樣才是一個好的使用者體驗,其實實現這個功能並不難,秀站網來教你怎麼實現吧: 開啟plus/diy.php,查詢