理論篇
一、在同一域名的情況下刷新
window.location.reload()刷新當前頁面.
parent.location.reload()刷新父親對象(用於框架彈出)
opener.location.reload()刷新父窗口對象(用於單開窗口)
top.location.reload()刷新最頂端對象(用於多開窗口)
reload 方法,該方法強迫瀏覽器刷新當前頁面。
語法:location.reload([bForceGet])參數: bForceGet, 可選參數, 默認為 false,從客戶端緩存里取當前頁。 true, 則以GET 方式,從服務端取最新的頁面, 相當於客戶端點擊 F5("刷新")
replace 方法,該方法通過指定URL替換當前緩存在歷史里(客戶端)的項目,因此當使用replace方法之后,你不能通過“前進”和“后退”來訪問已經被替換的URL。
語法:location.replace(URL) 參數: URL
在實際應用的時候,重新刷新頁面的時候,我們通常使用: location.reload() 或者是 history.go(0) 來做。因為這種做法就像是客戶端點F5刷新頁面,所以頁面的method="post"的時候,會出現“網頁過期”的提示。那是因為Session的安全保護機制。可以想到: 當調用 location.reload() 方法的時候, aspx頁面此時在服務端內存里已經存在, 因此必定是 IsPostback 的。如果有這種應用: 我們需要重新加載該頁面,也就是說我們期望頁面能夠在服務端重新被創建, 我們期望是 Not IsPostback 的。這里,location.replace() 就可以完成此任務。被replace的頁面每次都在服務端重新生成。你可以這么寫: location.replace(location.href)
注意點:通常在使用window.opener的時候要去判斷父窗口的狀態,如果父窗口被關閉或者更新,就會出錯,
解決辦法是加上如下的驗證if(window.opener && !window.opener.closed)
實踐篇
多層嵌套刷新
A界面(父界面),B界面(由A界面跳轉后界面),C界面(B為frame嵌套C界面)
B界面包含五個標簽,如圖
A界面跳轉代碼:
string url = "B.aspx?id=" + id;
ClientScript.RegisterStartupScript(this.GetType(), "Sucess", "<script language= 'javascript'>window.open('" + url + "','_blank')</script>");
C界面關閉B界面,刷新A界面,在C界面添加這段JS,
<script type="text/javascript">
function BackParentWindow()//關閉彈出子窗口,刷新父窗口
{
if (window.parent.opener && !window.parent.opener.closed)//判斷父窗口是否還存在
{
window.parent.opener.location = window.parent.opener.location;
}
window.parent.close();
return false;
}
</script>
window.parent.opener.location.reload()(簡稱reload); 與window.parent.opener.location = window.parent.opener.location(簡稱路徑賦值);
使用reload,發現是可以進入A界面,但是進入A界面后,會再次跳轉到B界面,以之前A傳的參數進入到B界面
並且進入A界面后,是屬於第二次進入界面
window.parent.opener.location的值即為A界面的路徑
window即為C界面,parent即為B界面
使用window.open 打開界面,子界面使用opener.location可以獲取父界面路徑
(原因應該是:理論中提到reload是緩存的當前頁面的,而此時界面中緩存的就是跳轉 "B.aspx?id=" + id;的操作)
使用路徑賦值,其實就是屬於重新進入A界面,重新加載數據