原始资源		访问的资源		结果
URL	document.domain	URL	document.domain
http://www.example.com/	example.com	http://payments.example.com/	example.com	可以访问
http://www.example.com/	example.com	https://payments.example.com/	example.com	协议不匹配
http://payments.example.com	example.com	http://example.com/	(不设置)	拒绝访问
http://www.example.com/	(不设置)	http://www.example.com	example.com	拒绝访问

postMessage()是HTML5的一个API接口，由于比较新，所以在IE6和IE7中不支持。 1 向另外一个iframe发送消息： ``` var message = 'Hello' + (new Date().getTime()); window.parent.frames[1].postMessage(message, '*'); ``` iframe1.html需要向iframe2.html发送消息，也就是第二个iframe，所以是window.parent.frames[1]。如果是向父页面发送消息就是window.parent。 postMessage这个函数接收二个参数，缺一不可，第一个参数即你要发送的数据。第二个参数是非常重要，主要是出于安全的考虑，一般填写允许通信的域名。这里为了简化，所以使用’*'，即不对访问的域进行判断。 2 另外一个iframe监听消息事件： ``` iframe2.html中写个监听message事件，当有消息传到iframe2.html时就会触发这个事件。 var onmessage = function(e) { var data = e.data,p = document.createElement('p'); p.innerHTML = data; document.getElementById('display').appendChild(p); }; //监听postMessage消息事件 if (typeof window.addEventListener != 'undefined') { window.addEventListener('message', onmessage, false); } else if (typeof window.attachEvent != 'undefined') { window.attachEvent('onmessage', onmessage); } ``` 如果你有加域名限,比如下面的代码： ``` window.parent.frames[1].postMessage(message, 'http://www.test.com'); ``` 就要在onmessage中追加个判断： ``` if(event.origin !== 'http://www.test.com') return; ``` #### XMLHttpRequest的同源策略一个简单的同步XMLHttpRequest请求： ``` var x = new XMLHttpRequest(); x.open("POST", "/some_script.cgi", false); x.setRequestHeader("X-Random-Header", "Hi mom!"); x.send("...POST payload here..."); alert(x.responseText); ``` XMLHttpRequest请求严格遵守同源策略，非同源不可以请求。这个API也做过很多测试与改进，下面列出之前的测试方法： ``` var x = new XMLHttpRequest(); x.open("POST", "http://www.example.com/", false); // 定义发送内容长度为7 x.setRequestHeader("Content-Length", "7"); // 构造的http请求。 x.send( "Gotcha!\n" + "GET /evil_response.html HTTP/1.1\n" + "Host: www.bunnyoutlet.com\n\n" ); ``` 现在的浏览器都不存在上面的隐患，包括基本都禁用了TRACE方法，防止httponly的cookie泄漏问题等。 #### Web Storage的同源策略 Web Storage是由Mozilla的工程师在Firefox1.5中加入的，并且加入了HTML5中，现在的浏览器都支持，除了IE6与IE7。 JavaScript可以通过localStorage与sessionStorage对Web Storage进行创建，检索和删除： ``` localStorage.setItem("message", "Hi mom!"); alert(localStorage.getItem("message")); localstorage.removeItem("message"); ``` localStorage对象可以长时间保存，并且遵守同源策略。但是在IE8中localStorage会把域名相同但是协议分别为HTTP和HTTPS的内容放在一起，IE9中已修改。在Firefox中，localStorage没有问题，但是sessionStorage也是会把域名相同的HTTP与HTTPS放在一起。 #### Cookie的安全策略设置Cookie总结

在foo.example.com设置cookie，domain设置为：	最终cookie的范围
	非IE浏览器	IE浏览器
设置为空	foo.example.com（一个域）	＊.foo.example.com
bar.foo.example.com	cookie设置失败，设置的域是当前域的一个子域
foo.example.com	*.foo.example.com
baz.example.com	cookie设置失败，域名不匹配
example.com	*.example.com
ample.com	cookie设置失败，域名不匹配
.com	设置失败，域名太广，存在安全风险。

Cookie中的path参数可以设定指定目录的cookie。例如设定domain为example.com，path为/some/path/ 在访问下面url的时候会带上设定的cookie： http://foo.example.com/some/path/subdirectory/hello_world.txt 存在一定的安全风险，因为path的设定没有考虑到同源策略。 httponly属性可以防止通过document.cookie的API访问设定的cookie。 secure属性设定后只有在通过https传输时才会带上设定的cookie，可以防止中间人攻击。 #### Adobe Flash AllowScriptAccess参数：用来控制flash通过ExternallInterface.call()函数调用javascript的时的限制。有三个值：always，never和sameorigin，最后一个值只允许同域的JavaScript操作（08年之前默认为always，现在默认为sameorigin）。 AllowNetworking参数：用来控制flash与外部的网络通讯。可选的值为：all（允许使用所有的网络通讯，默认值），internal（flash不能与浏览器通讯如navigateToURL，但是可以调用其他的API），none（禁止任何的网络通讯） #### 本地文件由于本地文件都是通过file:协议进行访问的，由于不存在host，所以无法遵循同源策略。所以本地保存的一个HTML文件，在浏览器中通过file:协议访问后，可以通过XMLHttpRequest或DOM对本地其他文件进行操作。与此同时，也可以对互联网的其他资源做同样的操作。各浏览器厂商意识到这个问题，并努力做了修改：测试代码： 1.html（1.txt随机写一些字符串即可） ``` ``` 结论： ``` 1 Chrome浏览器（使用WebKit内核的浏览器）完全禁止跨文档的XMLHttpRequest和DOM操作，并禁止了document.cookie和的操作。 2 Firefox 允许访问同目录与子目录里的文件。也可通过document.cookie与设定cookie，file:协议下cookie共享，storage也是。 3 IE7及以上允许本地文件之间的访问，但是在执行JavaScript之前会有一个提示，用户点击通过之后可以执行，cookie域Firefox类似，但是file:协议下不支持storage。 4 IE6 允许本地文件的访问，同时也允许对http协议的访问，cookie也是一样。 ``` ### 伪URL的域 * * * 一些web应用用到了伪URL例如about:，javascript:，和data:来创建HTML文档。这种方法是为了不需要再与服务器通信，可以节约时间更快的响应，但是也带进了很多安全隐患。 ``` about:blank ``` about协议在现在的浏览器中有很多用途，但是其中大部分不是为了获取正常的页面。 about:blank这个URL可以用来被创建DOM对象，例如： ``` ``` 在浏览器中，创建一个about:blank页面，它继承的域为创建它的页面的域。例如，点击一个链接，提交一个表单，创建一个新窗口，但是当用户手动输入about:或者书签中打开的话，他的域是一个特殊的域，任何其他的页面都不可以访问。 ``` data:协议 ``` data:协议是设计用来放置小数据的，例如图标之类的，可以减少http请求数量，例如： ```

``` 用以下代码研究域的问题： ``` ```