window.postMessage跨文档通信
window.postMessage
1、浏览器兼容情况:IE8+、chrome、firefox等较新浏览器都至此。
2、使用方法:
a、otherWindow.postMessage( message, targetOrigin);
otherWindow iframe属性中的对象或者window.open打开的窗口
message 要发送的信息
targetOrigin 限定消息的发送范围,如果不限制,使用“*”
b、监听message事件的触发
$(window).on("message", function(event){
alert(event.data);
});
window.postMessage跨文档通信相关推荐
- 同域下跨文档通信iframe和window.open
1.iframe标签可以嵌套另一个标签,并且可以通过js去访问被包含的页面的window对象,从而操作该页面下documentElement,如下: <!DOCTYPE HTML> < ...
- H5 postMessage跨文档消息传递
视频课堂https://edu.csdn.net/course/play/7621 父页面 <!DOCTYPE html> <html><frameset cols=&q ...
- HTML5 跨文档消息传输
对窗口对象的message事件进行监听 window.addEventListener("message", function(event) {//处理程序代码 },false); ...
- JavaScript HTML5脚本编程——“跨文档消息传递”的注意要点
跨文档消息传送(cross-document messaging),有时候也简称为XDM,指的是来自不同域的页面间传递消息.例如,www.wrox.com域中的一个页面与一个位于内嵌框架中的p2p.w ...
- window.postMessage 跨窗口,跨iframe javascript 通信
同源通信 执行它们的页面位于具有相同的协议(http/https),端口(80/443),主机(通常为域名) 时,这两个脚本才能相互通信 大多数情况下,网站就是内部的域名,所以是同源通信,可以相互访问 ...
- window.postMessage实现网页间通信
window.postMessage() 方法可以安全地实现跨域通信.通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以 ...
- HTML5新特性之跨文档消息传输
1.同域限制 所谓"同域限制"是指,出于安全考虑,浏览器只允许脚本与同样协议.同样域名.同样端口的地址进行通信. 2.window.postMessage方法 浏览器限制不同窗口( ...
- 使用window.postMessage实现跨域通信
JavaScript由于同源策略的限制,跨域通信一直是棘手的问题.当然解决方案也有很多: document.domain+iframe的设置,应用于主域相同而子域不同: 利用iframe和locati ...
- H5跨域通信 - window.postMessage
一.简介 window.postMessage is a method for safely enabling cross-origin communication. Normally, script ...
最新文章
- shell 生成指定范围随机数与随机字符串 .
- ipvsadm的命令参考
- Android开发--图形图像与动画(二)--Animation实现图像的 渐变、缩放、位移、旋转
- linux java mysql 备份 runtime_Linux下mysql定时备份脚本以及java实现
- redis终于有比较大的进展了,redis3.0.1 稳定版本发布,支持集群。
- C# Combobox联动
- SQL 关于地图两个坐标点之间的距离运算
- 做过leader,会数仓,项目经验丰富,能值多少钱?
- 【暴力】LeetCode 300. Longest Increasing Subsequence
- 类似taobao的多彩选项卡tab
- 威廉·布莱克《从一颗沙子看世界》(To see a world in a grain of sand)
- grasshopper插件_【Grasshopper 的奇技淫巧】 —— 插件(二)
- Atitit 风控之道 attilax著 风险控制 1. 融资风险控制	3 1.1. 风险控制基本知识	3 2. 第8 章 项目风险的分类管理 156	4 2.1. 8.1 项目风险分类 156	4
- c语言 枚举大小写,C语言枚举类型(Enum)深入理解
- OPENSSH密钥之三Winscp、cuteftp、flashfxp登录
- 基于单片机的GPS开发 (four) GPS基础知识
- java font.getfont_FontManager.getFont(方正黑体);这个方法返回值为null
- 程序媛 :逛 GitHub 开源项目吗? 很沙雕的那种!
- 《Total Commander:万能文件管理器》——12.6. 附录
- 三菱DPLSR无故不执行问题