js的postMessage和addEventListener使用方法

站长手记 作者: 2024-08-27 19:50:01

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');


原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69722.html