在引入的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"即可。

更多操作可以自己尝试。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值