做專案的時候用的是 iframe 框架,所以避免不了iframe 跳轉,現總結幾個跳轉:

1、A,B,C,D都是頁面,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳轉頁面的寫法區別如下:

2、js 跳轉

window.location.href、location.href 本頁面跳轉,D頁面跳轉;

parent.location.href 上一層頁面跳轉,C頁面跳轉;

top.location.href 最外層頁面跳轉,A頁面跳轉。

3、頁面重新整理

parent.location.reload():C頁面重新整理;

parent.main.location.reload():  parent是代表父級頁面,main可能是父級頁面裡的一個iframe,整個意思就是讓name=“main”的iframe頁面重新整理;

window.opener.document.location.reload():C頁面重新整理(使用子視窗的opener物件來獲得父視窗物件);

top.location.reload():A頁面重新整理。

4、form或者連結

D頁面中有form

<form>: form提交後D頁面跳轉;

<form target="_blank">: form提交後彈出新頁面;

<form target="_parent">: form提交後C頁面跳轉;

<form target="_top"> : form提交後A頁面跳轉。