JavaScript(Ajax)和Cookie的同源策略
协议：http
主机：www.2cto.com
端口：80
路径：/
所谓的同源就是要求这个URL的协议，主机，端口三部分都相同。一般我们说的域或者domain也是这里的源的概念。
对于上面的URL，有以下结果：
‘
存在一种异常情况，javascript可以通过设置document.domain来修改主机和端口部分的值，如果这样做，设置后的值就会作为同源策略检查的标准。比如对于http://blog.csdn.net/yanical和http://bbs.csdn.net/可以执行下面的javascript：
[javascript] document.domain = "csdn.net";
这样后，这两个页面就是同一个源了。出于安全的考虑，不能设置为其他主domain，比如http://www.csdn.net/不能设置为sina.com
我们看到，javascript中只有主机的部分被设置了，没有提到端口的部分。事实上，在执行上面的javascript的时候，端口也被设置了，且被设置成了null值。所以，对于http://blog.csdn.net:81/yanical和http://blog.csdn.net/yanical如果都执行上面的javascript，那么端口都被设为了null，他们也就变成同源了。
同源策略最早被用来阻止一个源的js去获取或者修改另外一个源的文档属性，这里的javascript的源指的是加载javascript的HTML页面的源，而不是javascript自己所在的源。
举个例子，有两个HTML和两个javascript。test.html包含一个iframe引用了frame.html，且他们在不同的源；test.html还引用了两个js，他们其中一个也和test.html的源不同；test.html的javascript还试图去修改frame.html。
test.html:
[html] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>
<iframe id="vFrame" name="vFrame" src="http://127.0.0.1/content/frame.html"></iframe>
</body>
<script language="javascript" src="http://127.0.0.1/content/otherdomain.js"></script>
<script language="javascript" src="http://localhost/content/samedomain.js"></script>
<script>
document.write('------write from test.html');
alert(document.getElementById('vFrame').contentDocument.body.innerHTML='------overwrite frame from test.html';
</script>
</html>
frame.html:
[html] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>
<script>
document.write('------write from frame.html');
</script>
</body>
</html>
otherdomain.js:
[javascript] document.write('------write from otherdomain.js');
samedomain.js:
[javascript] document.write('------write from samedomain.js');
我们访问http://localhost/test.html,执行结果如下：
可以看到，尽管test.html和otherdomain.js的源不同，但是因为otherdomain.js是test.html加载进来的，所以他们还是同一个源。但是test.html和frame.html就不是同一个源，浏览器阻止了修改请求。
现在同源策略还被用来判断一个XMLHTTPRequest(AJAX)是否合法，一个页面只能向同一个源的服务器发起AJAX请求。
需要注意的是，Cookie的同源策略和javascript略有不同，就是Cookie忽略了协议这一项，所以https://blog.csdn.net/yanical和http://blog.csdn.net/yanical的Cookie是共享的。
推荐阅读
-
javascript解析ajax返回的xml和json格式数据实例详解
-
javascript解析ajax返回的xml和json格式数据实例详解
-
javascript和php使用ajax通信传递JSON的实例
-
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
-
浅谈Ajax和JavaScript的区别
-
javascript cookie的基本操作（添加和删除）
-
JS实现的ajax和同源策略(实例讲解)
-
javascript - ajax 异步和同步的问题
-
javascript和php使用ajax通信传递JSON的实例
-
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)_javascript技巧