返回

iframe子页面首次传值获取不到

场景:

PC 嵌入H5的iframe 需要某些状态的共享

问题:

引入iframe时需要默认传值并赋值 此时子页面取不到父页面传的值

思考:

父子页面的加载和生命周期错位 且父页面早于子页面

解决:

因为早于子页面且存在跨域问题 所以在父子页面之间通过postMessage监听实现一个“握手”

子页面加载完毕且子页面的监听函数注册完毕后 通知父页面

父页面接到通知后 开始向子页面传递数据

分类: 前端