页面iframe跨域传值通信

页面iframe跨域传值通信

解决方法：

假如当前的项目的域名端口是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