html 如何弹出确认窗口

2024年4月12日 互联网

在HTML中，可以使用confirm()函数来弹出确认窗口。

在HTML中，我们可以使用JavaScript的confirm()函数来弹出确认窗口，这个函数会显示一个带有确定和取消按钮的对话框，如果用户点击确定，那么函数返回true，如果用户点击取消，那么函数返回false。

html 如何弹出确认窗口

以下是一个简单的例子：

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">点击我</button>
<script>
function myFunction() {
  var txt;
  var r = confirm("你确定要继续吗？");
  if (r == true) {
    txt = "你选择了确定！";
  } else {
    txt = "你选择了取消！";
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>
<p id="demo"></p>
</body>
</html>

在这个例子中，当用户点击按钮时，会弹出一个确认窗口，如果用户点击确定，那么页面上会显示"你选择了确定！"，如果用户点击取消，那么页面上会显示"你选择了取消！"。

接下来是一个相关问题与解答的栏目：

问题1：如何在HTML中创建一个弹出窗口？

答：在HTML中，我们可以使用JavaScript的alert()函数或者confirm()函数来创建一个弹出窗口。

问题2：如何在HTML中使用JavaScript来改变弹出窗口的内容？

答：我们可以使用JavaScript的document.getElementById()函数来获取弹出窗口的元素，然后使用innerHTML属性来改变它的内容。

最新文章