iframe嵌套頁面中的跳轉


簡單說一下場景。

假設有A、B、C和D四個JSP頁面,D通過iframe嵌套在C中,C通過iframe嵌套在B中,B通過iframe嵌套在A中。

然后現在在D中編寫JavaScript代碼跳轉頁面。

在本頁面跳轉(D頁面所在的iframe中跳轉)

window.location.href = '要跳轉的頁面路徑';

在上一層跳轉(D頁面所在iframe的父頁面中跳轉,即C所在的iframe中跳轉)

parent.location.href = '要跳轉的頁面路徑';

如果要在B所在的iframe中跳轉怎么辦?聰明的你一定能想到,就是多寫一個parent。

parent.parent.location.href = '要跳轉的頁面路徑';

要在其上多少個層級上跳轉,就寫多少個parent就好了,舉一反三很簡單。

在最外層跳轉(A頁面跳轉)

top.location.href = '要跳轉的頁面路徑';

另外還可以使用window.open()方法或form提交的方式跳轉,都是類似的。

 

"我曾經以為日子是過不完的,未來是完全不一樣的。"


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 iframe嵌套頁面的跳轉方式 關於使用iframe嵌套頁面的跳轉方式 vue中嵌套頁面(iframe) vue中嵌套頁面(iframe) 頁面跳轉如何進入一個嵌套在Iframe中的頁面中 iframe 嵌套頁面(模態框中嵌套) vue使用route搭配iframe進行嵌套的頁面,在子頁面中,點擊跳轉到打開新的模塊子頁面。 vue中嵌套頁面 iframe 標簽 Jquery如何獲得