同源策略:
JS只能与同一个域中的页面进行通讯，必须是协议、域名、端口都相同，相同域下才能相互通信，这可以被认为是一种通信原则，叫同源策略。
跨域:
js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。
下表给出了相对http://store.company.com/dir/page.html同源检测的结果:
四种方法解决跨域:
1、jsonp；
jsonp跨域请求类似于ajax的get请求，比如请求地址url= 'localhsot:8080/search.php?callback=getremotedata'，注意jsonp后面的callback参数，请求是必带
2、document.domain；
document.domain也可以解决跨域，不过只能是子域名间的跨域，这个要注意
3、window.name；
先介绍下window.name，window对象有个name属性，只要是当前页面载入过的所有页面都是共享window.name，每个页面都有对window.name的读写权限。其借助iframe中介进行数据通信
4、h5 postMessage
html5提供的方法，缺点是IE8+才支持，主要是通过父子间通过iframe进行相互通讯
建议使用window.name，它没有浏览器兼容性问题，而且使用不复杂，或者用jsonp实现跨域获取数据，具体的话可以百度搜索案例实际操作下。