在jsp頁面中,有時完成乙個新操作,我們需要跳轉到乙個新的頁面,這樣的實現有很多種方法,但是各自不同,現在就來總結一下用法
首先來說說 parent.window與top.window的用法
"window.location.href"、"location.href"是本頁面跳轉
"parent.location.href"是上一層頁面跳轉
"top.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頁面跳轉
現在終於明白了連線的時候target的用法了:
_blank:重新開啟乙個視窗
_parent:父視窗執行重定向
_self:自身頁面重定向
_top:第乙個父視窗重定向
綜上所述可知:parent.window:父視窗物件 top.window:第乙個父視窗的物件
下面來重點看看window.parent與window.openner區別
window.parent 是iframe頁面呼叫父頁面物件,當我們想從iframe內嵌的頁面中訪問外層頁面是可以直接利用window.parent獲取;
另外下面幾個也很常用
parent.window與top.window一般在分割的頁面即 frameset或iframe中使用
登出整個框架後返回到login.aspx:parent.window.location='login.aspx'或者
top.window.location='login.aspx'
window.parent也是常在框架中使用,
重新整理:window.parent.location.reload();或者重新整理某個框架:window.parent.mainform.location.reload();
獲得其他框架的元素值:window.parent.mainform.form1.text1.value;
window.opener主要是獲得通過超連結或者 window.open() 開啟本身頁面的頁面的一些,比如獲得值,重新整理等
重新整理:window.opener.location.reload();
獲值:window.opener.document.getelement("txtname").value;
後退:top.playframe.history.go(-1);
前進: top.playframe.history.go(1);
重新整理: top.playframe.location.reload();
關於frameset幀頁面跳轉到新頁面的問題
關於js中 window.location.href location.href parent.location.href top.location.href 的用法 window.location.href location.href 是本頁面跳轉 parent.location.href 是上一...
前端跳轉頁面和重新整理頁面
我們知道,採用前後端分離架構模式,後端和前端之間完全分離和獨立,僅通過 ajax 進行前後端的資料互動。這樣,後端只負責響應前端的 ajax 請求,並把模型資料傳送給前端即可,前端收到模型資料後主要負責頁面顯示和選擇頁面跳轉。window.location.href url位址 window.ope...
Vue路由的頁面跳轉開啟新頁面
效果與a標籤的target blank是一樣的,只不過不用點選,直接開啟 1 在router.js裡新加乙個頁面路由 2 在需要跳轉的邏輯方法裡加,這裡必須用query,否則引數獲取不到,methods this.router.resolve window.open href,blank conso...