我想在用户离开页面之前进行确认。如果他说好，那么它会重定向到新页面或取消离开。我试着用 onunload
<script type="text/javascript">
function con() {
var answer = confirm("do you want to check our other products")
if (answer){
alert("bye");
}
else{
window.location = "http://www.example.com";
}
}
</script>
</head>
<body onunload="con();">
<h1 style="text-align:center">main page</h1>
</body>
</html>
但是它在页面已经关闭后确认？如何正确操作？
如果有人展示如何使用 jQuery 做到这一点会更好吗？
onunload(或onbeforeunload) 不能将用户重定向到另一个页面。这是出于安全原因。
如果要在用户离开页面之前显示提示，请使用onbeforeunload：
window.onbeforeunload = function(){
return 'Are you sure you want to leave?';
};
或者使用 jQuery：
$(window).bind('beforeunload', function(){
return 'Are you sure you want to leave?';
});
这只会询问用户是否要离开页面，如果他们选择留在页面上，则无法重定向他们。如果他们选择离开，浏览器将转到他们告诉它去的地方。
您可以onunload在页面卸载之前执行一些操作，但不能从那里重定向（Chrome 14+ 阻止内部警报onunload）：
window.onunload = function() {
alert('Bye.');
}
或者使用 jQuery：
$(window).unload(function(){
alert('Bye.');
});
当您还检测表单状态更改与否时，此代码。
$('#form').data('serialize',$('#form').serialize()); // On load save form current state
$(window).bind('beforeunload', function(e){
if($('#form').serialize()!=$('#form').data('serialize'))return true;
else e=null; // i.e; if form state change show warning box, else don't show it.
});
您可以使用 Google JQuery Form Serialize 函数，这将收集所有表单输入并将其保存在数组中。我想这个解释就足够了:)
这将在离开当前页面时发出警报
<script type='text/javascript'>
function goodbye(e) {
if(!e) e = window.event;
//e.cancelBubble is supported by IE - this will kill the bubbling process.
e.cancelBubble = true;
e.returnValue = 'You sure you want to leave?'; //This is displayed on the dialog
//e.stopPropagation works in Firefox.
if (e.stopPropagation) {
e.stopPropagation();
e.preventDefault();
}
}
window.onbeforeunload=goodbye;
</script>
这是我在有未保存数据时显示确认消息的操作
window.onbeforeunload = function() {
if (isDirty) {
return 'There is unsaved data.';
}
return undefined;
}
返回undefined将禁用确认
注意：返回null将不适用于 IE
您也可以使用undefined禁用确认
window.onbeforeunload = undefined;
为了在 Chrome 14+ 上使用 popop，您需要执行以下操作：
jQuery(window).bind('beforeunload', function(){
return 'my text';
});
将询问用户是要留下还是离开。