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>