工作中遇到一个问题,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至这个页面
那么就可以跨域通讯了。。。。
如果大家有什么更好的办法请告知!