子Iframe提交action后父Iframe实现跳转

最新推荐文章于 2025-11-05 11:09:39 发布
转载 最新推荐文章于 2025-11-05 11:09:39 发布 · 1.4k 阅读 · 1

本文介绍如何在子Iframe完成登录操作后触发父页面的刷新，通过使用JavaScript的不同方法实现页面跳转，适用于需要在子窗口进行认证然后更新主窗口场景。

刚在做一个页面，其中有子Iframe，包含登录跟注册，希望在登录后，父页面进行刷新，网上找了下

location.href 当前页面跳转

parent.location.href 当前页面的父页面跳转

top.location.href 最外层页面跳转


登录提交验证后，回到成功页面，页面里利用jsp输出js语句进行跳转

out.write("<script>window.parent.location.href='';</script>");




从父页面读取和操作iframe中内容方法
12-02
基本的操作方法： document.frames(“frame_id”).document.action; 其中，frame_id是该父页面需要进行操作的iframe的id，action是iframe中的相关操作。 从该方法中，可以看出 document.frames(“frame_id”)是用来从父页面中获取iframe的id的，而后面的document.action同一般的脚本对页面元素操作一样，具体举个例子来说明一下,其中父页面引用iframe部分如下： 代码如下: <div id=”region1″ name=”region1″> <iframe onload=”iframe_tes
子窗口iframe跳转到父窗口
11-30
### 子窗口iframe跳转到父窗口的知识点详解 #### 一、背景介绍 在现代Web开发中，`iframe`（Inline Frame）是一种常见的技术，用于在当前网页中嵌入另一个网页或文档。通过`iframe`，开发者可以实现丰富的功能，如...
Struts提交ifream中的表单后，离开子页面， 跳转到父页面
大盘鸡炒面条的专栏
08-08 1719
现在的用户注册界面以弹框的xin
jq在iframe中控制iframe父级页面整体跳转的方法
最新发布
u013334925的博客
11-05 372
摘要：使用jQuery在iframe中控制父页面跳转时，可通过parent或top对象访问父级窗口实现跳转。核心代码为parent.location.href或top.location.href。需注意跨域限制会导致操作失败，此时需后端配合处理。parent指向直接父窗口，top指向最顶层窗口，适合多层嵌套场景。同源情况下可直接实现跳转，跨域时受浏览器安全策略限制无法执行。（149字）
框架iframe的界面跳转的运用
梦凝哲雪
08-18 6587
在上述代码中，假设iframe的id属性为"myIframe"，并且要跳转到的子界面的URL是"subpage.html"。通过修改iframe的src属性，可以改变嵌入的网页内容，从而实现跳转到子界面。由于浏览器的同源策略限制，如果iframe子界面和外部界面的域名不同，需进行跨域配置才可访问外部界面。这些方法可以在iframe子界面中的JavaScript代码中使用，以实现跳转到外部界面的操作。此时只能在iframe框架的主界面切换 而 无法跳转到iframe之外的界面。来修改外部界面的URL。
JSP从子窗口跳转到父窗口
q77533005的专栏
06-16 526
工作中遇到的,知道要用JS,但是想不起来具体的写法.百度到了,贴上来. 原址[url]http://zhidao.baidu.com/question/41482952.html[/url] Q: 在框架网页中，框架是用iframe的，登陆界面是在父窗口里的，登陆后跳转到框架网页，点击左边框架的链接，在右边窗口显示内容。 因为要判断用户登陆是否超时，所以要用到Filter...
Struts2的简单使用（三）action跳转
重心开始，重新开始
07-13 3824
在这里我要说一下action跳转的方式~ 一共有4种方式：内部跳转，外部跳转，全局跳转，默认的跳转页面 内部跳转 1.dispatcher（action-jsp）  从一个action里面服务器内部跳转到一个页面中.这个是type属性的默认值. 写个例子~从JumpAction跳到register.jsp JumpAction类： public class JumpAction
使用iframe实现提交表单不刷新页面
09-28
在网页开发中，有时我们需要在用户提交表单时保持页面状态不变，避免页面刷新或跳转至新页面。为了实现这一需求，我们可以利用HTML的`<iframe>`元素，这是一种无刷新提交表单的方法。`<iframe>`允许我们将一个网页...
iframe中还有子iframe，返回时如何让父iframe不自动跳转
03-23
// 改为在当前iframe跳转 } }); // 拦截表单提交 document.addEventListener('submit', (e) => { const form = e.target; if (form.target === '_parent' || form.target === '_top') { e.preventDefault(); ...
Iframe页面跳转问题的解决方案详解
然而，在实际应用过程中，开发者常常会遇到一个棘手的问题：当在Iframe子页面中提交表单时，默认情况下只会刷新Iframe自身的内容区域，而无法实现整个父页面的跳转或重定向。这种行为在某些业务场景下并不符合需求，...
关于iframe跨域POST提交的方法示例
08-31
在实现iframe跨域POST提交时，我们通常创建一个隐藏的iframe，将表单的提交目标设置为这个iframe。通过这种方式，表单数据会被发送到iframe指向的URL，而不是导致整个页面的刷新。尽管页面实际上进行了跳转，但由于...
iframe提交action处理后刷新父页面&在action中控制页面刷新
iteye_19936的博客
04-10 516
最近用到一个小功能，即双击相册列表中的照片时，把此照片设为头像，由于我用的是iframe，所以在action处理过后返回的jsp页面不能达到父页面的刷新。 IPictureMgr pictureMgr = (IPictureMgr) getBean("pictureMgr"); List result = pictureMgr.get(username); ...
使用frame做布局框架时子页面action型超链接自动增加前缀的问题
干勾鱼的优快云博客
09-16 2223
能看出本来超链接为add.do，现在增加了content前缀，变为content/add.do。这有什么用呢？可以通过这种方式为当前页面下所有action链接增加默认前缀，做控制器层面的分类。
利用iframe标签解决form的action执行网络接口时获取不到返回数据的问题
Hoey的博客
12-12 572
若要利用input的自动检测功能（例如required="required"、type="email"），则必须利用form的action执行网络接口，且提交方式为type="submit"，但是action执行网络接口无法接受返回值， 导致无法接收如登录注册功能服务端响应的结果。若舍弃input的自动表单验证，手写每个表单的验证很麻烦，因此要解决利用form提交表单数据无法接收返回数据的问题
关于用struts2框架中iframe对应的jsp页面的不到action的值的问题
weixin_30919235的博客
02-28 173
我们做web项目经常会用到frameset、frame以及iframe，这大大方便了我们页面的构建以及模块功能的划分。但是，再使用这些技术的同时也会遇到各种各样的问题，其中一个就是子页面中得不到struts2的action的值。之前自己在做项目的时候也遇到了这个问题。在网上查阅了大量的资料，现将自己的总结与结论与大家一起分享。 frameset、frame...
iframe标签实现form表单提交无页面刷新(不需要js)---解析
热门推荐
八九点笔记
03-14 2万+
先看一段代码（PHP例子） 1、表单代码（form.php）： <?php header("Content-type: text/html; charset=utf8"); ?> 2、action代码(formAction.php)： <?php echo "alert('test....');"; ?> OK，上面的代码非常简单，但实现了表单提交无刷新.
iframe调用action接口加载jsp时，session丢失问题
weixin_51172484的博客
04-23 2367
iframe调用action接口加载jsp时，session丢失问题问题来源分析问题解决问题插入链接与图片如何插入一段漂亮的代码片新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 问题来源 最近开发的ssh框架项目，要进行上线，因为项目中设计了登录权限，需要用到session来存储信息，在进行接口联调的时候才得知运营人员是使用iframe进行接口调用的，联调时发现接口可以直接在浏览器地址栏访问并加载出界面数据，在使用iframe调用时数据加载不出来 分析问题 在后台经过分析
使用Iframe+Post请求的方式嵌入第三方页面
feimohuan91的博客
05-11 1万+
使用Iframe+Post请求的方式嵌入第三方页面
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值