頁面跳轉刷新

不管在靜態頁面仍是動態輸出頁面中window.location.href都是不錯的用了跳轉的實現方案javascript

javascript中的location.href有不少種用法,主要以下。html

1 self.location.href="/url" 當前頁面打開URL頁面
2 location.href="/url" 當前頁面打開URL頁面
3 windows.location.href="/url" 當前頁面打開URL頁面,前面三個用法相同。
4 this.location.href="/url" 當前頁面打開URL頁面
5 parent.location.href="/url" 在父頁面打開新頁面
6 top.location.href="/url" 在頂層頁面打開新頁面

若是頁面中自定義了frame,那麼可將parent self top換爲自定義frame的名稱,效果是在frame窗口打開url地址java

此外,window.location.href=window.location.href;和window.location.Reload()和都是刷新當前頁面。windows

區別在因而否有提交數據。當有提交數據時,window.location.Reload()會提示是否提交,window.location.href=window.location.href;則是向指定的url提交數據。服務器

window.location.href 語句能夠實現一個框架的頁面在執行服務器端代碼後刷新另外一個框架的頁面,框架

如:index.htm頁面中有二個框架,分別爲 frameLeft和frameRight,在frameRight頁面中執行服務器端代碼後刷新frameLeft中的頁面。jsp

先前最多見的是註冊以後,自動刷新登錄框,讓登錄框換成已登錄頁面,只要在註冊成功的代碼以後加上一段,便可以實現刷新另個框架的頁面。代碼以下:this

1 < script language=javascript>alert('恭喜您,註冊成功!')< /script>
2 < script language=javascript>window.parent.frameLeft.location.href='main.html'< /script>

"window.location.href"、"location.href"是本頁面跳轉
"parent.location.href"是上一層頁面跳轉
"top.location.href"是最外層的頁面跳轉url

舉例說明:spa

若是A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,若是D中js這樣寫

"window.location.href"、"location.href":D頁面跳轉
"parent.location.href":C頁面跳轉
"top.location.href":A頁面跳轉

若是D頁面中有form的話,

<form>: form提交後D頁面跳轉
<form target="_blank">: form提交後彈出新頁面
<form target="_parent">: form提交後C頁面跳轉
<form target="_top"> : form提交後A頁面跳轉
 
關於頁面刷新,D 頁面中這樣寫:"parent.location.reload();": C頁面刷新 (固然,也能夠使用子窗口的 opener 對象來得到父窗口的對象:window.opener.document.location.reload(); )

"top.location.reload();": A頁面刷新

相關文章
相關標籤/搜索