document.domain 与 window.location 有什么不同

document.domain 和 window.location 是两个不同的概念，它们在Web开发中扮演不同的角色，并且在跨域请求中有不同的用途。

document.domain

document.domain 是一个属性，用于设置或返回当前页面的域名。当两个页面来自同一个主域但子域不同，并且需要绕过同源策略的限制进行通信时，可以通过设置 document.domain 来实现。例如，www.example.com 和 sub.example.com 可以通过将 document.domain 设置为 example.com 来允许它们之间进行JavaScript交互。

window.location

window.location 是一个对象，包含了当前页面的URL信息，包括协议（protocol）、主机名（hostname）、端口号（port）、路径（pathname）等。它用于获取或设置当前页面的URL。window.location 对象常用于页面导航，例如通过修改 window.location.href 来加载新的页面。

跨域请求中的配合使用

在跨域请求的场景中，document.domain 和 window.location 可以配合使用，但它们的作用不同：

1. 使用 document.domain 进行子域间的JavaScript通信：

   • 当两个页面需要共享JavaScript变量或DOM元素，并且它们来自同一个主域但子域不同，可以通过设置 document.domain 来实现。

2. 使用 window.location 进行页面导航：

   • 当需要根据用户操作或程序逻辑加载新的页面或资源时，可以使用 window.location 对象进行页面导航。

3. 跨域资源共享（CORS）：

   • 在进行跨域HTTP请求时，通常不需要设置 document.domain。CORS 机制允许服务器通过设置HTTP响应头 Access-Control-Allow-Origin 来控制哪些源可以访问资源。在这种情况下，window.location 用于确定请求的URL。

4. 跨域iframe通信：

   • 如果一个页面中嵌入了另一个子域的iframe，并且需要与iframe进行交互，可以通过设置 document.domain 来实现。但是，如果需要加载iframe中的页面到主页面中，可能会使用到 window.location。

5. 安全性：

   • 使用 document.domain 时需要谨慎，因为它可以降低页面间的安全隔离。而 window.location 本身不涉及跨域通信的安全问题，但它可以用来导航到任何URL，包括跨域的URL。

总结来说，document.domain 主要用于同一主域下不同子域页面之间的JavaScript通信，而 window.location 用于获取或设置当前页面的URL，进行页面导航。在跨域请求中，它们可以结合使用，但通常 document.domain 用于绕过同源策略，而 window.location 用于页面导航或URL构建。