iframe父子通信postmessage

最新推荐文章于 2024-08-14 09:30:44 发布

ArthurWang77

最新推荐文章于 2024-08-14 09:30:44 发布

阅读量188

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/ArthurWang77/article/details/107875903

版权

父

var info = {
  message: "Hello Son!"
};
//现有模板的数值
let templatelistvalue
//发送跨域信息
function sendInfo(){
  var sonIframe= document.getElementById("ifra2");
  sonIframe.contentWindow.postMessage(info, '*');
}
//接收跨域信息
window.addEventListener('message', function(e){
  console.log(e)
  templatelistvalue = e.data
}, false);

子

//发送跨域信息    
function sendInfo(val){      
	window.parent.postMessage(val, '*');    
}
//接收跨域信息    
window.addEventListener('message', function(e){        
	// alert(e.data.message);    
}, false);