CORS

CORS 须要浏览器和后端同时反对。IE8和9须要通过XDomainRequest实现。
浏览器会主动进行CORS通信，实现CORS通信的要害是后端，只有后端实现了CORS，就实现了跨域。

实现形式

  • 服务端设置Access-Control-Allow-Origin,该属性示意哪些域名能够拜访资源，如果设置通配符*,则示意所有网站都能够拜访资源。

postMessage

window.postMessage() 办法能够平安地实现跨源通信，可实现跨文本档、多窗口、跨域消息传递。

应用场景

  • 页面和其余关上的新窗口的数据传递
  • 多窗口之间消息传递
  • 页面与嵌套的iframe消息传递

参数介绍（官网文档：https://developer.mozilla.org...

otherWindow.postMessage(message, targetOrigin, [transfer]);
  • message: 将要发送到其余window的数据
  • targetOrigin:通过窗口的origin属性来指定哪些窗口能接管到音讯，可设置为url或通配符*。发送音讯时，如果指标窗口的协定、主机地址、端口号三者的任意一项不匹配targetOrigin提供的值，那么音讯就不会被发送，只有三者齐全匹配，音讯才会被发送
  • transfer:该参数可选，是一串和message 同时传递的 Transferable 对象. 这些对象的所有权将被转移给音讯的接管方，而发送一方将不再保有所有权。