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跨文档通信相关推荐

  1. 同域下跨文档通信iframe和window.open

    1.iframe标签可以嵌套另一个标签,并且可以通过js去访问被包含的页面的window对象,从而操作该页面下documentElement,如下: <!DOCTYPE HTML> < ...

  2. H5 postMessage跨文档消息传递

    视频课堂https://edu.csdn.net/course/play/7621 父页面 <!DOCTYPE html> <html><frameset cols=&q ...

  3. HTML5 跨文档消息传输

    对窗口对象的message事件进行监听 window.addEventListener("message", function(event) {//处理程序代码 },false); ...

  4. JavaScript HTML5脚本编程——“跨文档消息传递”的注意要点

    跨文档消息传送(cross-document messaging),有时候也简称为XDM,指的是来自不同域的页面间传递消息.例如,www.wrox.com域中的一个页面与一个位于内嵌框架中的p2p.w ...

  5. window.postMessage 跨窗口,跨iframe javascript 通信

    同源通信 执行它们的页面位于具有相同的协议(http/https),端口(80/443),主机(通常为域名) 时,这两个脚本才能相互通信 大多数情况下,网站就是内部的域名,所以是同源通信,可以相互访问 ...

  6. window.postMessage实现网页间通信

    window.postMessage() 方法可以安全地实现跨域通信.通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以 ...

  7. HTML5新特性之跨文档消息传输

    1.同域限制 所谓"同域限制"是指,出于安全考虑,浏览器只允许脚本与同样协议.同样域名.同样端口的地址进行通信. 2.window.postMessage方法 浏览器限制不同窗口( ...

  8. 使用window.postMessage实现跨域通信

    JavaScript由于同源策略的限制,跨域通信一直是棘手的问题.当然解决方案也有很多: document.domain+iframe的设置,应用于主域相同而子域不同: 利用iframe和locati ...

  9. H5跨域通信 - window.postMessage

    一.简介 window.postMessage is a method for safely enabling cross-origin communication. Normally, script ...

最新文章

  1. shell 生成指定范围随机数与随机字符串 .
  2. ipvsadm的命令参考
  3. Android开发--图形图像与动画(二)--Animation实现图像的 渐变、缩放、位移、旋转
  4. linux java mysql 备份 runtime_Linux下mysql定时备份脚本以及java实现
  5. redis终于有比较大的进展了,redis3.0.1 稳定版本发布,支持集群。
  6. C# Combobox联动
  7. SQL 关于地图两个坐标点之间的距离运算
  8. 做过leader,会数仓,项目经验丰富,能值多少钱?
  9. 【暴力】LeetCode 300. Longest Increasing Subsequence
  10. 类似taobao的多彩选项卡tab
  11. 威廉·布莱克《从一颗沙子看世界》(To see a world in a grain of sand)
  12. grasshopper插件_【Grasshopper 的奇技淫巧】 —— 插件(二)
  13. Atitit 风控之道 attilax著 风险控制 1. 融资风险控制 3 1.1. 风险控制基本知识 3 2. 第8 章 项目风险的分类管理 156 4 2.1. 8.1 项目风险分类 156 4
  14. c语言 枚举大小写,C语言枚举类型(Enum)深入理解
  15. OPENSSH密钥之三Winscp、cuteftp、flashfxp登录
  16. 基于单片机的GPS开发 (four) GPS基础知识
  17. java font.getfont_FontManager.getFont(方正黑体);这个方法返回值为null
  18. 程序媛 :逛 GitHub 开源项目吗? 很沙雕的那种!
  19. 《Total Commander:万能文件管理器》——12.6. 附录
  20. 三菱DPLSR无故不执行问题

热门文章

  1. 美研究人员公布“盲动”机器人技术细节
  2. NASA打算送机器蜜蜂去探索火星上的生命痕迹
  3. 2018年智能化发展趋势:语音交互全球开战、AI终端趋势显现
  4. 深度学习:技术原理、迭代路径与局限
  5. 2017回顾:哪些领域被过度炒作,哪些领域又需要更多关注?
  6. 不讲码德!坏味道偷袭我这个老码农
  7. 可怕!公司部署了一个东西,悄悄盯着你
  8. Linux监控命令之==free
  9. UOJ#179. 线性规划(线性规划)
  10. 「每天一道面试题」下面的代码有问题吗?为什么?