h5新属性postmessage
来源:互联网 发布:k漫软件下载 编辑:程序博客网 时间:2024/05/16 04:43
发送方:
---》1.发送请求
window.onload=function(){
window.frames[0].postMessage('urlde','*');}
----》3.接受方反馈给发送方的请求
window.addEventListener('message',function(e){
var url=e.data;
$("#some_one").attr("src",url);
},false);
接受方:
----》2.接受请求
var url="https://www.baidu.com/";
window.addEventListener('message',function(e){
if(e.source!=window.parent) return;
var urlde=url;
window.parent.postMessage(urlde,'*');
},false);
注意
1.监听事件addEventListenter在IE浏览器不兼容
if(window.addEventListner){
window.addEventListner('message',function(){
})
}else{
window.attachEvent('message',functoion(){
})
}
2.数据发送端也叫发送源,接收方可以是iframe或者open新打开的页面
阅读全文
0 1
- h5新属性postmessage
- H5新表单属性
- H5 新属性
- H5的新属性contenteditable
- h5 postMessage 注意事项
- h5 新标签 ——LBS 属性
- H5表单和一些新属性
- 浅谈h5的新属性(data-*属性)
- html5 中简单视频音频制作---新添h5属性
- H5的postMessage解决跨域问题
- h5属性
- H5 新特征
- h5新特性
- H5新标签&新功能
- H5—新特性
- H5的新特性
- h5新标签
- H5新特性
- HDU 2120 Ice_cream's world I 基础并查集★
- HDU1348 Wall 凸包
- 微信小程序免费SSL证书https、TLS版本问题的解决方案
- static代码块 构造块 局部代码块
- apache StringUtils isNotEmpty isNotBlank的区别
- h5新属性postmessage
- 二叉树经典题目
- 设计模式
- android studio创建so库
- python 常用方法
- linux less从后向前查看日志信息
- Dockerfile最佳实践总结
- bfs宽度遍历
- JAVA——访问权限修饰符