iframe跨域数据访问

前提：父页面和子页面不同域

首先是父页面传数据给子页面

parent.html

<iframe src="http://IP:8018/child.html" frameborder="1" id="ifr1" name="ifr1" scrolling="yes">
     <p>Your Browser dose not support iframes</p>
 </iframe>

 

<script>

 var myIframe = document.getElementById('ifr1')

  myIframe.contentWindow.postMessage(document.getElementById('message').value, 'http://IP:8018')

</script>

child.html

 

<script>
window.addEventListener('message', function (e) {
      alert(e.data)

})

</script>

需要注意的是一定要加上http://,同时统一用IP都用IP，用域名都用域名，用localhost都用localhost。