【转】通过document.domain实现跨域访问

傷城~ 2021-12-11 05:05 120阅读 0赞

[点击去原文][Link 1]

由于JavaScript同源策略的限制，脚本只能读取和所属文档来源相同的窗口和文档的属性。

对于已经有成熟产品体系的公司来说，不同的页面可能放在不同的服务器上，这些服务器域名不同，但是拥有相同的上级域名，比如id.qq.com、www.qq.com、user.qzone.qq.com，它们都有公共的上级域名qq.com。这些服务器上的页面之间的跨域访问可以通过document.domain来进行。

默认情况下，document.domain存放的是载入文档的服务器的主机名，可以手动设置这个属性，不过是有限制的，只能设置成当前域名或者上级的域名，并且必须要包含一个.号，也就是说不能直接设置成顶级域名。例如：id.qq.com，可以设置成qq.com，但是不能设置成com。

具有相同document.domain的页面，就相当于是处在同域名的服务器上，如果协议和端口号也是一致，那它们之间就可以跨域访问数据。

**分享几个例子：**

**1. 访问同源页面：**

打开[https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Cookie][https_developer.mozilla.org_zh-CN_docs_Web_HTTP_Headers_Cookie]，在f12控制台里window.open页面：[https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers][https_developer.mozilla.org_zh-CN_docs_Web_HTTP_Headers]，访问返回的window对象的document属性，发现能够访问成功，如下图：

![20180310122815112][]

**2. 访问协议、端口号一致，域名不一致，但具有相同上级域名的页面：**

打开[id.qq.com][]，f12打开控制台，window.open页面: [www.qq.com][]，同样访问返回的window对象的document属性，发现访问失败，提示被阻止访问跨域的窗体：

![20180310123235316][]

这个时候分别打印id.qq.com的document.domain和www.qq.com的document.domain，发现前者是id.qq.com，而后者是qq.com，这时我们手动设置一下id.qq.com页面的document.domain，设置为qq.com，再次访问www.qq.com的window对象的document，发现访问成功：

![20180310123541478][]

[Link 1]: https://blog.csdn.net/nlznlz/article/details/79506655
[https_developer.mozilla.org_zh-CN_docs_Web_HTTP_Headers_Cookie]: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Cookie
[https_developer.mozilla.org_zh-CN_docs_Web_HTTP_Headers]: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers
[20180310122815112]: /images/20211211/1241d26ff58e49e88eef763d61df2c49.png
[id.qq.com]: http://id.qq.com
[www.qq.com]: http://www.qq.com
[20180310123235316]: /images/20211211/ad665648d6b84332b40d20769c6d6c99.png
[20180310123541478]: /images/20211211/04b43ffb78c14b0690a2346e6cd6de84.png