jquery 确认对话框 - Javascript (1)

📌 相关文章

📜 jquery 确认对话框 - Javascript (1)

📅 最后修改于: 2023-12-03 15:16:49.844000 🧑 作者: Mango

jQuery 确认对话框 - Javascript

简介

在开发 Web 应用中经常需要给用户提示并确认某些操作，这时就需要用到确认对话框。jQuery 提供了简单易用的方法快速实现确认对话框。

示例

下面是一个简单的 HTML 页面，包含一个按钮和一个使用 jQuery 实现的确认对话框：

<!DOCTYPE html>
<html>
<head>
	<title>jQuery 确认对话框示例</title>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>

<button id="btn">删除</button>

<script>
$(function() {
	$('#btn').click(function() {
		if (confirm('确定要删除吗？')) {
			alert('删除成功！');
		} else {
			return false;
		}
	});
});
</script>

</body>
</html>

通过 if (confirm('确定要删除吗？')) 判断用户是否确认，如果确认则执行删除操作，否则返回 false。

API

jQuery 提供了两个方法实现确认对话框：

confirm()

confirm(message)

参数：

message：要显示的提示信息。

返回值：

如果用户点击了确认按钮，则返回 true。
如果用户点击了取消按钮，则返回 false。

alert()

alert(message)

参数：

message：要显示的提示信息。

返回值：无返回值。

结论

通过使用 jQuery 提供的 confirm() 和 alert() 方法，能够方便快捷地实现确认对话框和提示框，可以给用户更好的体验。但是，需要注意的是，这两个方法是阻塞的，也就是说当这两个方法执行时，页面的其他交互事件都会被阻塞，直到用户进行操作后才能继续进行。