gpt4 book ai didi

离开页面前的 JavaScript

转载 作者:IT老高 更新时间:2023-10-28 13:14:22 27 4
gpt4 key购买 nike

我想在用户离开页面之前进行确认。如果他说好的,那么它将重定向到新页面或取消离开。我试着用 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.');
});

关于离开页面前的 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7080269/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com