Jquery 链接到其他页面时保持的弹出式通知

在html页面之间链接时，是否可以在浏览器中保留一个弹出通知（不需要单击“确定/取消”，只需在浏览器顶部显示一个类似于以下内容的栏）：？我曾尝试将提到的JQuery弹出窗口添加到另一个页面的链接中，但很明显，在链接完全显示之前单击该链接时，通知就会消失

例如：

函数生成（类型）{
var n=noty({
文本：类型，
类型：类型，
dismissQueue:false，
布局：“topCenter”，
主题：“defaultTheme”
});
}
$（文档）.ready（函数（）{
$（“#链接”）。单击（函数（）{
生成（“您的语言选择已设置”）；
} );

---

点击链接应该会导致通知栏在浏览器顶部弹出，但由于它链接到page2.html，因此在加载该栏之前，它将消失，因为page2.html已经加载。

而不是使用静态链接页面进行链接，当用户需要时，您可以使用javascript和ajax请求更改页面内容单击页面上的链接

---

通常，导航到新页面会破坏上一页面（如弹出窗口）中的DOM内容。我想从技术上讲，您可以将这些信息存储在一个cookie中，该cookie尝试根据以前的状态在每个页面上重新创建弹出窗口，但这在ajax选项上似乎不必要地复杂。

您必须使用单独的浏览器窗口来实现该功能。作为一个用户，这听起来真的很烦人。您可以尝试构建一个页面上有一个绝对定位的div，背景透明，并有一个绝对定位的iframe来显示URL。@slashingweapon-同意。我还打算写一个答案，建议使用iframe，但我意识到这也会带来用户体验问题和潜在的头痛。。。

<!--page1.html-->

<script type="text/javascript">
function generate(type) {
  var n = noty({
    text: type,
    type: type,
    dismissQueue: false,
    layout: 'topCenter',
    theme: 'defaultTheme'
  });
}

$(document).ready(function() {

$('#link').click(function() {
    generate('Your language choice was set');       
} );

</script>


<a href="page2.html" id="link">link to another page</a>