在引入的iframe的页面中触发事件,使所有页面跳转到新页面。

在做项目的时候碰到了页面中引入iframe的需求,没有过多考虑,直接就上手开弄了,发现iframe坑很多啊,首先就是自适应高度,兼容性最好的是使用px,其余类似rem、vh等单位或多或少都会存在问题,无奈只能想办法解决了 。

因为我的页面绝大部分内容都是通过请求之后才会追加到页面上的,所以一开始就让引入页面获取iframe的高度会存在问题,解决办法是在iframe的事件中添加了触发引入页面的事件,也就是a页面引入的b,在b页面中触发事件之后执行a页面的事件。

有点绕,多读两遍就好了,实际代码主要是用到了window中的parent方法,会获取到他的父页面的window对象,

window.parent.window.你a页面的方法;

 我是触发事件之后修改了引入页面中iframe的高度。

window.parent.window.houjia($(".zhengju").height() + 60;

类似的功能就可以实现了,像是iframe页面的事件想让引入页面跳转的话,只需要

window.parent.location.href = "url"即可。

更多操作可以自己尝试。

猜你喜欢

转载自blog.csdn.net/baidu_38027860/article/details/80365762