window.name

window.name 是一个全局的属性，属于 window 对象，用于设置或返回当前窗口的名字。这个属性可以被用来在不同页面间安全地传输数据，尤其是在涉及到跨域场景时。以下是 window.name 的一些特性和用法：

1. 数据传输：

   • window.name 可以存储一个字符串，这个字符串可以包含大量数据，因为 window.name 没有大小限制。

2. 持久性：

   • 当你更改 window.name 的值时，这个值会在整个浏览器会话中保持不变，直到再次被更改。这意味着即使页面被重新加载或导航到不同的页面，window.name 的值仍然保持不变。

3. 跨文档通信：

   • 你可以利用 window.name 来在不同页面间传递信息。例如，在一个页面设置 window.name 的值，然后导航到另一个页面，在那里读取 window.name 的值。

4. 跨域iframe通信：

   • 当使用iframe并且需要与父页面通信时，window.name 可以作为一个传输数据的手段。由于 window.name 是持久的，你可以在iframe加载新页面之前设置它的值，然后在新页面加载后读取这个值。

5. 使用示例：

   // 设置window.name的值
   window.name = 'exampleData';
   
   // 导航到新页面
   window.location = 'https://anotherdomain.com/page';
   
   // 在新页面上读取window.name的值
   console.log(window.name); // 输出: exampleData
   

6. 安全性：

   • 由于 window.name 只能在相同源的页面间共享，因此它是一个安全的通信方式。不同源的页面无法读取或修改 window.name 的值。

7. 限制：

   • 尽管 window.name 可以用来传输大量数据，但它不适用于需要频繁更新的场景，因为每次设置 window.name 都会覆盖之前的值。

8. 兼容性：

   • window.name 被所有现代浏览器支持，是一个非常可靠的特性。

window.name 是一种简单但强大的机制，可以在页面间传输数据，尤其是在处理跨域通信时。然而，开发者在使用时应该注意不要过度依赖它，尤其是在需要频繁更新数据的场景中。