iframe 相互踩坑记录

//子页面
window.addEventListener('message',function(event) {
//console.log(event.data);
var iframe = document.getElementById('message');
event.source.postMessage('ok',event.origin);
},false);

//父页面
/*<iframe src="http://localhost:8779/parser/upload.html" width="1500" height="500" id="iframe"></iframe>

var interval = setInterval(function(){
var iframe = document.getElementById('iframe');
iframe.contentWindow.postMessage("发送内容", "*");

}, 2000);
window.addEventListener('message', function (event) {
// console.log(event.source);
// console.log(event);
if(event.data=='ok'){
clearInterval(interval);
}
}, false);*/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom阅读 2,724评论 0 3
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,049评论 0 2
  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 9,504评论 0 13
  • 北京2018年4月1日上午,NBA常规赛勇士客战国王的比赛中,发生了令人痛心不已的一幕。比赛进行到第三节还有41...
    Curry_宇阅读 1,242评论 1 1
  • 前言: 本篇文章我将带大家一起来好好认识一下postMessage,包括它的兼容性,对应的API介绍,以及常见的几...
    木子水吉_08阅读 62,026评论 0 9