跨域问题

1.使用 跨域资源共享（CORS）:

      跨域资源共享，定义了必须在访问跨域资源时，浏览器与服务器应该如何沟通。CORS背后的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功还是失败。

      使用方法：php后端设置 Access-Control-Allow-Origin 头

2.使用jsonp：

      是被包含在函数调用中的JSON，由回调函数和数据组成；利用<script>标签没有跨域限制，来达到与第三方通讯的目的。

      缺点：只支持GET请求而不支持POST等其它类型的HTTP请求；只支持跨域HTTP请求这种情况，不能解决不同域的两个页面之间如何进行JavaScript调用的问题。

3.document.domain + iframe （iframe的使用主要是为了ajax通信）

  不同的框架之间是可以获取window对象的，但却无法获取相应的属性和方法。

两个页面的document.domain都设成相同的域名就可以了。

4.使用window.name + iframe

       window对象有个name属性，该属性有个特征：即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对window.name都有读写的权限，window.name是持久存在一个窗口载入过的所有页面中的.

5.使用 window.postMessage方法

    调用postMessage方法的window对象是指要接收消息的那一个window对象，该方法的第一个参数message为要发送的消息，类型只能为字符串；第二个参数targetOrigin用来限定接收消息的那个window对象所在的域，如果不想限定域，可以使用通配符 * 。

需要接收消息的window对象，可是通过监听自身的message事件来获取传过来的消息，消息内容储存在该事件对象的data属性中。