参考：
维基百科 - Root domain
https://en.wikipedia.org/wiki...
浏览器同源政策及其规避方法 - 阮一峰
http://www.ruanyifeng.com/blo...
window.name 跨域实现原理及实例
http://blog.csdn.net/qq_34099...
html5 postMessage 官方API
https://developer.mozilla.org...
JSONP（直接跳到JSONP那段）
http://kb.cnblogs.com/page/13...
跨域资源共享 CORS 详解 - 阮一峰
http://www.ruanyifeng.com/blo...
跨域资源共享（CORS） - 阿里云技术文档
https://www.alibabacloud.com/...

1 基本概念

1.1 域&域名

域 domian : . 根域、 .org 顶级域(一级域)、 .baidu.com 二级域
域名 domain name : baidu .com 顶级域名(一级域名)、www .baidu .com 二级域名

1.2 同源策略&跨域

同源条件：协议相同、域名相同、端口相同，不满足即为跨域
同源目的：浏览器 同源策略，保证用户信息的安全，防止恶意的网站窃取数据

1.3 限制范围

很多文章中介绍，跨域会对以下3种行为进行限制：

1）cookie、localStorage、indexedDB
2）dom
3）ajax 请求
我理解按如下分类更为合理：
1）cookie
2）iframe/window.open ( localStorage、indexedDB、dom )
3）ajax 请求

cookie 身份授权单独一类
localStorage、indexedDB、dom 跨域受限，一般发生在 iframe 或 window.open 的跨域需求时，无法获取新页面的 window 对象，自然无法访问 window.localStorage、window.indexedDB、document.getElementById
ajax 请求单独一类。

2 实现跨域

2.1 document.domain

浏览器允许通过设置 document.domain 来实现跨子域
如有 a.example.com 和 b.example.com 2个二级域名，设置 document.domain=example.com 或 Set-Cookie:key=value;domain=example.com;path=/ 可实现2个二级域之间的跨域
可解决 cookie、iframe、window.open、ajax 的跨域问题

2.2 URL #hash + hashChange事件监听

可解决 iframe 的跨域问题
不推荐，如 angular.ui.router 前端路由组件会使用到 URL #hash 字段。

2.3 window.name

可解决 iframe 的跨域问题
window.name 的变化如何监听是一个问题，大约可以存储2M的内容

2.4 html5 postMessage + message事件监听

可解决 iframe & window.open 的跨域问题
语法：otherWindow.postMessage(message, targetOrigin, [transfer]);
官方API参考

2.5 ajax - JSONP

参考：http://kb.cnblogs.com/page/13...

实现原理：web页面上调用js文件时不受同源策略影响，拥有src属性的标签都拥有跨域的能力，比如

跨域知识梳理