iframe子页面首次传值获取不到
场景:
PC 嵌入H5的iframe 需要某些状态的共享
问题:
引入iframe时需要默认传值并赋值 此时子页面取不到父页面传的值
思考:
父子页面的加载和生命周期错位 且父页面早于子页面
解决:
因为早于子页面且存在跨域问题 所以在父子页面之间通过postMessage监听实现一个“握手”
子页面加载完毕且子页面的监听函数注册完毕后 通知父页面
父页面接到通知后 开始向子页面传递数据
分类: 前端
场景:
PC 嵌入H5的iframe 需要某些状态的共享
问题:
引入iframe时需要默认传值并赋值 此时子页面取不到父页面传的值
思考:
父子页面的加载和生命周期错位 且父页面早于子页面
解决:
因为早于子页面且存在跨域问题 所以在父子页面之间通过postMessage监听实现一个“握手”
子页面加载完毕且子页面的监听函数注册完毕后 通知父页面
父页面接到通知后 开始向子页面传递数据