HTML弹出对话框
在HTML中，我们可以使用JavaScript的alert()函数来弹出一个对话框。alert()函数可以接受一个字符串参数，这个字符串将作为对话框中的文本内容显示。
1、1 基本用法
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
alert("你点击了按钮！");
}
</script>
</body>
</html>
在上面的例子中，当用户点击按钮时，就会弹出一个对话框，显示消息"你点击了按钮！"。
1、2 自定义对话框
如果你想创建一个自定义的对话框，可以使用confirm()函数。confirm()函数会显示一个带有"确定"和"取消"两个按钮的对话框，并返回一个布尔值，如果用户点击"确定"按钮，confirm()函数会返回true；如果用户点击"取消"按钮，confirm()函数会返回false。
2、1 基本用法
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
var result = confirm("你确定要删除吗？");
if (result) {
alert("你点击了确定！");
} else {
alert("你点击了取消！");
}
}
</script>
</body>
</html>
在上面的例子中，当用户点击按钮时，就会弹出一个对话框，显示消息"你确定要删除吗？"，如果用户点击"确定"按钮，就会弹出另一个对话框，显示消息"你点击了确定！"；如果用户点击"取消"按钮，就会弹出另一个对话框，显示消息"你点击了取消！"。
HTML确认删除操作
确认删除操作通常需要用户再次进行确认，这可以通过再次调用confirm()函数来实现。
3、1 基本用法
<!DOCTYPE html>
<html>
<body>
<button onclick="confirmDelete()">点击这里删除</button>
<button onclick="cancelDelete()">取消删除</button>
<script>
function confirmDelete() {
var result = confirm("你确定要删除吗？");
if (result) {
// 执行删除操作的代码...
alert("删除成功！");
} else {
cancelDelete(); // 如果用户点击了取消按钮，就调用cancelDelete函数关闭对话框并返回到上一级页面或父窗口。
}
}
function cancelDelete() { // 这个函数是在用户点击取消按钮时被调用的，它关闭对话框并返回到上一级页面或父窗口。 } document.getElementById('demo').innerHTML = ""; return false; }}</script></div></body></html>
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/148558.html
微信扫一扫 