iframe中的各种跳转方法

最新推荐文章于 2025-06-30 17:16:30 发布

上火了怎么办

最新推荐文章于 2025-06-30 17:16:30 发布

阅读量6k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_44884300/article/details/89599485

本文详细介绍了在多层iframe嵌套环境下，如何利用JS进行页面跳转及刷新的具体方法，包括window.location.href、parent.location.href、top.location.href等不同作用域的跳转方式，以及通过<a>标签、form表单提交实现页面跳转和新窗口打开的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先给大家分享一个巨牛巨牛的人工智能教程，是我无意中发现的。教程不仅零基础，通俗易懂，而且非常风趣幽默，还时不时有内涵段子，像看小说一样，哈哈～我正在学习中，觉得太牛了，所以分享给大家！点这里可以跳转到教程

一、背景
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.youkuaiyun.com/yuling59520/article/details/5630766

浏览人工智能教程