如何解决 JavaScript 中 window.open() 打开的子窗口与父窗口关系断裂问题?

如何解决 javascript 中 window.open() 打开的子窗口与父窗口关系断裂问题?

js维持父亲窗口与子窗口的关系

当通过window.open()方法打开新窗口时,刚开始可以在子窗口使用window.opener()获取父窗口的window对象。然而,如果刷新了父窗口,父子关系将断裂。此外,如果子窗口自身刷新,window.opener()也无法获取父窗口的window对象。

为了解决这个问题并维持父子关系,您可以在父窗口或子窗口中采用以下方法之一:

  1. 使用 Ajax 请求:将父子页面视为两个独立的页面,使用 Ajax 请求从父页面获取数据。当页面刷新时,就会触发 Ajax 请求。
  2. 数据存储:将数据存储在内存、缓存、Cookie 或数据库中。这可以确保数据在页面刷新后依然可用。

通过这些方法,您可以确保无论刷新哪个页面,父子关系都可以得到维护。

以上就是如何解决 JavaScript 中 window.open() 打开的子窗口与父窗口关系断裂问题?的详细内容,更多请关注其它相关文章!