1. 程式人生 > >iframe中的各種跳轉方法

iframe中的各種跳轉方法

有些很基礎的東西命名很簡單可就是記不住,比如前兩天做一個在子iframe中控制父iframe跳轉的功能時竟然不知道如何實現,網上搜了搜,記錄在案,好記性不如爛筆頭啊。

一、背景

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頁面跳轉


三、連結<a>或者form
D頁面中有form
< form>: form提交後D頁面跳轉
<form target="_blank">: form提交後彈出新頁面
<form target="_parent">: form提交後C頁面跳轉
<form target="_top"> : form提交後A頁面跳轉


四、重新整理

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

原帖地址:http://blog.csdn.net/yuling59520/article/details/5630766