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

Question

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

我在离开页面之前已阅读过该票证javascript ，现在不确定是否可以这样做。

我知道这将运行

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

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

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

Answer 1

最好即使您进行骇客攻击也不要这样做，就好像您发现了一个漏洞并用它来解决一样，他们会修复该漏洞，您将再次处于同一位置。 假设我要关闭选项卡，并且在代码中您选择新的弹出窗口或执行恶意操作，这是一种安全风险？ 因此，浏览器不允许。 如果用户想去，他们可以使用标准

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

如果您喜欢，请尝试此。 而不是习惯的东西。

DEMO

Answer 2

您不能将链接添加到警报窗口。 您可以做的是使用jQuery插件（例如http://jqueryui.com/dialog/#default） ，并在beforeunload函数中调用它。

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