文档域（document.domain）

document.domain 是一个特殊的属性，它允许两个不同子域的页面通过 JavaScript 进行通信。这在某些情况下非常有用，尤其是当两个页面来自同一个主域，但子域不同，并且需要跨子域访问资源或交互时。

以下是 document.domain 的一些关键点：

1. 设置文档域：

   • 如果两个页面想要通过 JavaScript 进行通信，它们需要将 document.domain 设置为相同的主域。例如，www.example.com 和 sub.example.com 可以通过将它们的 document.domain 设置为 example.com 来实现。

2. 跨子域通信：

   • 一旦两个页面设置了相同的 document.domain，它们就可以访问彼此的 DOM 和 JavaScript 对象，就像它们是同一个页面一样。

3. 安全性：

   • 使用 document.domain 时需要小心，因为它会降低页面之间的隔离性，可能会带来安全风险。确保只有可信的子域之间使用此特性。

4. 浏览器支持：

   • 大多数现代浏览器都支持 document.domain，但在使用时仍需考虑浏览器兼容性。

5. 端口号：

   • 如果页面使用了不同的端口号，即使设置了 document.domain，也无法绕过同源策略的限制。

6. 使用示例：

   // 在 www.example.com 的页面中
   document.domain = 'example.com';
   
   // 在 sub.example.com 的页面中
   document.domain = 'example.com';
   

7. iframe通信：

   • 如果一个页面中嵌入了另一个子域的 iframe，并且需要与 iframe 进行交互，可以通过设置 document.domain 来实现。

8. 限制：

   • document.domain 只能用于设置为相同主域的子域之间。它不能用于完全不同的域。

9. Cookie共享：

   • 当设置了相同的 document.domain 后，不同子域的页面可以共享 Cookie，前提是 Cookie 的 Domain 属性也被设置为主域。

10. 动态脚本和样式加载：

    • 通过设置 document.domain，可以动态加载另一个子域的脚本和样式，而不受同源策略的限制。

document.domain 是一个强大的工具，可以在特定场景下简化跨子域的通信，但使用时需要谨慎，以避免潜在的安全问题。