理解跨域

整理一下自己这段时间对于跨域的理解和学习：

先来张图，一图解百忧

【原因】Javascript出于安全方面的考虑，不允许跨域调用其他页面的对象。什么是跨域呢，简单地理解就是因为Javascript同源策略的限制，a.com域名下的js无法操作b.com或是c.com域名下的对象

来点栗子，来加深点感觉：

(http://)www.abc.com/index.html 调用 www.abc.com/service.php（非跨域）
(http://)www.abc.com/index.html 调用 www.def.com/service.php（跨域）
(http://)www.abc.com/index.html 调用 bbs.abc.com/service.php（跨域）
(http://)www.abc.com/index.html 调用 www.abc.com:88/service.php（跨域）
(http://)www.abc.com/index.html 调用 https://www.abc.com/service.php（跨域）

协议--http://可以省略

【注】跨域的解决方法，多种多样；后台代理、jsonp、xhr2等等，度娘知道的最多