javascript - 在用户离开页面之前带有链接的 javascript 样式警报

Question

我正在考虑在用户尝试离开页面时显示警报样式框，但我想做的是在警报样式框中有一个共享链接

我意识到这将运行

$(window).bind('beforeunload', function(){
 alert("hi");
});

现在我知道您无法将链接添加到警报窗口，因此我试图以另一种方式解决此问题，但无法想到在转到具有链接的另一个页面之前我将如何显示警报/弹出窗口

任何人都可以提出任何建议 - 是否有插件可以做到这一点？

score 1 · Accepted Answer

最好不要这样做，即使你做了一个 hack，就好像你发现了一个错误并用它来做一样，他们会修复它，你会再次出现在同一点上。这是一个安全风险假设我想关闭一个标签并在代码中你打开新的弹出窗口或做恶意的事情？？？？所以浏览器不允许它。如果用户想去他们被允许你可以使用标准

window.onbeforeunload = function() { return 'You have unsaved changes!'; }

如果你喜欢所以试试这个。而不是定制的东西。

score 0 · Accepted Answer

您不能将链接添加到警报窗口。您可以做的是使用像http://jqueryui.com/dialog/#defaultbeforeunload这样的 jQuery 插件并在函数中调用它。

HTML

<div id="dialog" title="My Link">
 <a href="#">My Link</a>
</div>

jQuery

$(window).bind('beforeunload', function(){
 $( "#dialog" ).dialog();
});

或者，如果不想使用 jQuery，您可以使用window.open 例如：http ://www.quirksmode.org/js/popup.html

2 回答 2