前提:父页面和子页面不同域
首先是父页面传数据给子页面
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。