同源策略:

JS只能与同一个域中的页面进行通讯，必须是协议、域名、端口都相同，相同域下才能相互通信，这可以被认为是一种通信原则，叫同源策略。

跨域:

js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。

下表给出了相对http://store.company.com/dir/page.html同源检测的结果:

javascript 跨域跳转 js中跨域_json

 

四种方法解决跨域:

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实现跨域获取数据，具体的话可以百度搜索案例实际操作下。