码上敲享录 > js常见问题解答 > js的postMessage和addEventListener使用方法

js的postMessage和addEventListener使用方法

上一章章节目录下一章 2019-04-10已有2976人阅读 评论(0)

js的postMessage和addEventListener使用方法


解决方法:

假如当前的项目的域名端口是http://192.168.0.232:8080,通过页面的iframe访问http://127.0.0.1:8080/file_system/,并接收


http://127.0.0.1:8080/file_system/传过来的消息。

<iframe width="100%" height="100%" frameborder="0" src="http://127.0.0.1:8080/file_system/"></iframe>

如果这是直接在子页面上调用parent.document.getElementById("parentUrl").value=''给父页面传值,就遇到跨域问题。


解决方法就是:

在父页面添加监听器,接收子页面的值:

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

alert(e.data);

           },false);


在子页面在要传值的地方调用以下语句传值:

window.parent.postMessage('值','http://192.168.0.232:8080');


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交