框架頁面中,從子頁面重新整理父頁面問題解決
上次做的一個專案的主頁面是那種框架的效果,
左邊點什麼右邊的子頁面對應各個頁面。
我開始要做的功能是當點選某個連線時,且session超時的時候.右邊就出來一個登陸錯誤頁面,
上面有個Button跳轉到登陸頁面。
直接寫的跳轉,就出現了框架巢狀框架的效果- -
後來這一句話就解決問題了:
parent.location.href = '<%=path%>/login.jsp';
我想看單詞意思下次就會記得了。
在此整理下js跳轉的用法
parent.location.href"是上一層頁面跳轉
"top.location.href"是最外層的頁面跳轉
"window.location.href"、"location.href"是本頁面跳轉
舉例說明:
如果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頁面重新整理