javascript跨域解决方案(二)
3.4、iframe+location.hash

这种方法比上面两种稍微繁琐一点，原理如下：

www.a.com下的a.html想和www.b.com下的b.html通信（在a.html中动态创建一个b.html的iframe来发送请求）；

但是由于“同源策略”的限制他们无法进行交流（b.html无法返回数据），于是就找个中间人：www.a.com下的c.html（注意是www.a.com下的）；

b.html将数据传给c.html（b.html中创建c.html的iframe），由于c.html和a.html同源，于是可通过c.html将返回的数据传回给a.html，从而达到跨域的效果。

三个页面之间传递参数用的是location.hash（也就是www.a.html#sayHello后面的'#sayHello'），改变hash并不会导致页面刷新（这点很重要）。

具体代码如下：

www.a.com/a.html

3 4 5 6 7 8 //通过message事件来通信，实在太爽了 window.addEventListener('message', function(e){ ??// 通过origin属性判断消息来源地址 ??if (e.origin == 'http://www.a.com' && ????e.data=='sayHello') { ????alert('Hello World'); ??} }, false);

?

3.6、使用flash

由于本人对flash不怎么熟悉，此处暂时忽略之~

?

3.7、Cross Frame

行文至此，突然在口碑网UED博客上看到了一篇 《跨域资源共享的10种方式》，对跨域的多种方法都有介绍（虽然有源码，但多数都是直接调用YUI库的，比较难看出原理）。

里面提到了Cross Frame这种方法，似乎挺不错的，改日一定翻源码来研究。

?

4、总结

研究了几天，虽然对多种跨域方法都有所了解了，但是真要投入应用还是明显不够的（还是需要借助一些js库）。

每种方法都有其优缺点，使用的时候其实应该将多种跨域方法进一步封装一下，统一调用的接口，利用js来自动判断哪种方法更为适用 。