首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在iframe中提交后刷新iframe父页面?

要在iframe中提交后刷新iframe父页面,可以使用JavaScript来实现。在iframe中,可以使用window.parent.location.reload()方法来刷新父页面。

具体实现方法如下:

  1. 在iframe中的表单提交事件中,添加一个JavaScript代码,调用window.parent.location.reload()方法。

例如,可以在iframe中的HTML代码中添加一个表单提交事件,如下所示:

代码语言:html
复制
<form onsubmit="refreshParentPage()">
  <!-- 表单内容 -->
 <input type="submit" value="提交">
</form><script>
function refreshParentPage() {
  window.parent.location.reload();
}
</script>
  1. 当用户提交表单后,父页面将会刷新。

需要注意的是,如果父页面和iframe中的页面不在同一个域下,由于浏览器的同源策略,这种方法可能会无法实现。在这种情况下,可以考虑使用跨域通信的方法来实现。

例如,可以在父页面中添加一个函数,用于刷新页面:

代码语言:javascript
复制
function refreshPage() {
  window.location.reload();
}

然后,在iframe中的表单提交事件中,使用window.parent.refreshPage()方法来调用父页面中的函数,刷新父页面。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券