即使重定向到另一个页面后，也会显示弹出窗口

Question

在我的应用程序中，从Page1重定向到Page2需要大约6秒钟。所以同时我需要在第1页上点击超链接时立即显示一个弹出窗口，该超链接应该存在，直到整个数据加载到第2页。

我尝试以正常方式实现（点击超链接打开弹出窗口，同时页面重定向到page2），但是当页面URL被更改为page2时，弹出窗口因为page2 DOM开始加载而关闭。这不是我的要求。有人可以建议我如何实现这一点。

Answer 1

只是一个想法......当加载时会查找一个GET变量（例如showMessage），它会显示来自第1页的相同弹出窗口，因此它看起来是相同的消息。点击事件处理程序的示例函数。

function redirectHandler(pageURL) {
  // Display Popup
  // Redirect to pageURL and append "?showMessage=true"
}

当第2页的DOM准备就绪时，在页面加载事件之前显示弹出窗口。

$( document ).ready() {
  // Get query parameters 
  // Display popup if showMessage is true
}

完成加载后，隐藏弹出窗口

$( window ).load(function() { 
  // Remove popup 
});

GET变量也可以在服务器端处理，并且没有JS延迟来处理渲染弹出窗口。

Answer 2

您可以打开一个新的外部弹出窗口。它将独立于后台加载的页面。

window.open("/href/to/page");

您可以找到有关弹出窗口here

的更多信息