要在iframe中提交后刷新iframe父页面,可以使用JavaScript来实现。在iframe中,可以使用window.parent.location.reload()
方法来刷新父页面。
具体实现方法如下:
window.parent.location.reload()
方法。例如,可以在iframe中的HTML代码中添加一个表单提交事件,如下所示:
<form onsubmit="refreshParentPage()">
<!-- 表单内容 -->
<input type="submit" value="提交">
</form><script>
function refreshParentPage() {
window.parent.location.reload();
}
</script>
需要注意的是,如果父页面和iframe中的页面不在同一个域下,由于浏览器的同源策略,这种方法可能会无法实现。在这种情况下,可以考虑使用跨域通信的方法来实现。
例如,可以在父页面中添加一个函数,用于刷新页面:
function refreshPage() {
window.location.reload();
}
然后,在iframe中的表单提交事件中,使用window.parent.refreshPage()
方法来调用父页面中的函数,刷新父页面。
现在考虑的问题就是如何把头像上传的地方给圈出来,我们可以在这个DIV
下面新建一个DIV:
因为div是块级元素,所以会被上面的div挤下来,所以,我们可以给两个div都加上一个左浮动:
得到的效果,就是两个DIV在一起了。
于是,上传头像的区域就被划出来了,接下来,我们要在这个区域嵌套一层iframe,指向原来的头像上传页面。
最终我们要引入的就是这个index.html
领取专属 10元无门槛券
手把手带您无忧上云