ifram父页面向子页面传递数据,解决跨域问题DOMException: Blocked a frame with origin
iframe链接子页面地址:http://www.XXXX.com
<html>
<body>
<iframe id="iframe" src="http://www.XXXX.com"></iframe>
<span class="send">发送</span>
//向子页面发送数据
$('.send').click(function(){
var data = 123;
document.getElementById('iframe').contentWindow.postMessage(data,'*');
});
</body>
</html>子页面添加 addEventListener 事件 监听父面传递的数据
<script>
addEventListener('message', e => {
// e.data为父页面发送的数据
console.log(e.data);
})
</script>