iframe跨域通讯

工作中遇到一个问题,IFRAME嵌套了一个外部页面用于统计

统计的JS由我们提供,并且需要提供热点图

一开始就碰到的问题就是 不知道页面高度 需要子页面传回页面高度用于将IFRAME拉升到合适高度

当时设想的是由

统计JS 调用父框架进行设置值

但是浏览器直接报错显示安全问题不允许JS跨域执行

我就通过另外一种办法实现了跨域通讯

因为浏览器检查是否跨域是直接对比URL地址的

如果域一致就允许访问

我在统计JS中写入了

<iframe src=父框架执行JS地址" width=0 height=0/>

然后在父框架执行JS地址中写入脚本

 <!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var parent = window.parent.parent.API;
parent.setHeight(100);
</script> </body>
</html>

然后将数据附加在地址上GET至这个页面

那么就可以跨域通讯了。。。。

如果大家有什么更好的办法请告知!

上一篇:HTML5解决跨域问题


下一篇:hdu.1198.Farm Irrigation(dfs +放大建图)