要实现chrome浏览器关闭页面时弹出“确定要离开此页面吗？”，可以通过 JavaScript 中的 beforeunload 事件来实现。
具体步骤如下：
1. 在 HTML 文件中添加代码
在需要弹出确认窗口的页面中，添加以下代码：
<script>
window.addEventListener('beforeunload', function (e) {
// 代码块
});
</script>
2. 编写弹窗窗口的提示语句
在添加的代码块中，编写弹窗窗口的提示语句，例如：
window.addEventListener('beforeunload', function (e) {
e.preventDefault();
e.returnValue = '确定要离开此页面吗？';
});
e.preventDefault() 用于阻止默认的弹窗，e.returnValue 则为弹窗的提示语句。当用户点击关闭按钮时，弹窗中会显示此提示语句，让用户确认是否要离开此页面。
示例1
以下是一个示例，点击 “运行” 按钮后，关闭页面时会弹出确认窗口。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>关闭页面时弹出确认窗口</title>
<script>
window.addEventListener('beforeunload', function (e) {
e.preventDefault();
e.returnValue = '确定要离开此页面吗？';
});
</script>
</head>
<body>
<h1>关闭页面时弹出确认窗口</h1>
<p>当你尝试关闭此页面时，会弹出确认窗口。</p>
</body>
</html>
示例2
以下是另一个示例，类似的，关闭页面时会弹出确认窗口。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>另一个示例</title>
<script>
window.addEventListener('beforeunload', function (e) {
e.preventDefault();
e.returnValue = '确认离开此页面吗？';
});
</script>
</head>
<body>
<h1>另一个示例</h1>
<p>当你尝试关闭此页面时，会弹出确认窗口。</p>
</body>
</html>
以上就是实现 chrome 浏览器关闭页面时弹出确认窗口的完整攻略。使用以上的代码模板，你可以在自己的网站中轻松地添加该功能。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗？” - Python技术站
微信扫一扫 
支付宝扫一扫 