文档域（document.domain）

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

工作原理：

1. 设置文档域：

   • 两个不同子域的页面需要将它们的document.domain属性设置为相同的主域。例如，example.com和sub.example.com可以设置它们的document.domain为example.com。

2. 同源策略：

   • 同源策略要求页面的协议、域名和端口都相同才能访问某些资源。通过设置document.domain，浏览器允许这两个页面绕过同源策略的限制。

3. 访问资源共享：

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

使用场景：

• 跨子域通信：

  • 当一个大型网站有多个子域，并且这些子域下的页面需要共享数据或功能时，document.domain非常有用。

• iframe通信：

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

示例：

假设有两个页面，一个位于www.example.com，另一个位于sub.example.com。它们可以通过以下方式设置document.domain：

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

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

注意事项：

• 安全性：

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

• 浏览器支持：

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

• 端口号：

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

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