在JavaScript中,confirm()
函数用于显示一个带有确认和取消按钮的对话框,默认标题是浏览器提供的。要更改默认标题,可以使用以下方法:
以下是一个使用SweetAlert2库更改确认对话框标题的示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Confirm Dialog</title>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>
<button onclick="showConfirmDialog()">显示确认对话框</button>
<script>
function showConfirmDialog() {
Swal.fire({
title: '自定义标题',
text: '您确定要执行此操作吗?',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then((result) => {
if (result.isConfirmed) {
// 用户点击了确定按钮,执行相应的操作
console.log('用户点击了确定按钮');
} else {
// 用户点击了取消按钮,执行相应的操作
console.log('用户点击了取消按钮');
}
});
}
</script>
</body>
</html>
这个示例中,我们使用了SweetAlert2库来创建一个带有自定义标题的确认对话框。您可以根据需要修改标题、文本、按钮文本等属性。
领取专属 10元无门槛券
手把手带您无忧上云