JavaScript教程——如何在删除前显示一个确认信息

99 阅读1分钟

在JavaScript中,我们可以在点击删除按钮时显示一个确认模式或弹出。确认模式要求用户对删除进行确认。下面是提到的在删除前向用户发送确认信息的代码。

<!DOCTYPE html>
<html>
<body>
  <button onclick="confirmation()">Delete</button>

  <script>
    function confirmation(){
      var result = confirm("Are you sure you want to delete?");
      if(result){
        console.log("Deleted")
      }
    }
  </script>

</body>
</html>

在上面的html代码中,我们创建了一个删除按钮,当点击它时,会调用确认()函数。

Confirm()函数是在scripts标签中声明的。确认方法需要一个字符串作为其参数。这里我们提到了 "你确定要删除吗?"的信息。 confirm()是一个javascript方法,显示一个带有信息的对话框,有一个确定按钮和一个取消按钮。

如果用户点击了 "确定",这个方法就返回 "真",否则就返回 "假"。

在Confirmation函数中,我们创建了一个if条件,如果该条件返回为真,则在控制台中显示 "删除 "信息。

以下是确认信息模态代码的输出图片。

How to show a confirmation message before delete

How to show a confirmation message before delete

在上面的图片中,我们可以看到在点击确定按钮后,控制台中出现了 "删除 "信息。