码迷,mamicode.com
首页 > 其他好文 > 详细

iframe跨域通讯

时间:2015-04-14 12:33:00      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

当时设想的是由

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

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

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

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

如果域一致就允许访问

我在统计JS中写入了

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

 

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

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 </head>
 5 <body>
 6     <script>
 7         var parent = window.parent.parent.API;
 8         parent.setHeight(100);
 9     </script>
10     
11 </body>
12 </html>

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

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

 

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

iframe跨域通讯

标签:

原文地址:http://www.cnblogs.com/mota/p/4424339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!