JS Message （iframe）网页消息提醒

主页面

<div class="upload c">

<a class="collect" href="javascript:void(0);">歌曲征集</a>

<div class="upload-content" style="display: none;">

<div class="upload-con">

<a class="close" href="javascript:void(0);">×</a>

<iframe src="" id="tengxi" frameborder="1/0" height="" name="征集" scrolling="no" width="900"></iframe>

</div>

</div>

</div>

<script type="text/javascript">

var cmsSrc = 'play.html'

var ele = document.getElementById('test')

$('.upload .collect').click(function () {

ele.src = cmsSrc

$(".upload-content").show();

});

$('.upload-content .close').click(function () {

ele.src = ''

$(".upload-content").hide();

});

this.addEventListener('message', function (e) {

console.log(e.data)

ele.height = e.data

}, false)

</script>

 子页面  接收信息

parent.postMessage(340, "*");

参考  https://blog.csdn.net/ariss123/article/details/40111535