当前位置：首页 > 行业动态 > 正文

confirm弹框js

admin
行业动态
2025-02-07
6

“

javascript，// 使用confirm弹框的示例代码，if (confirm("您确定要继续吗？")) {， console.log("用户点击了'确定'");，} else {， console.log("用户点击了'取消'");，}，

“

在网页开发中，confirm弹框是一种常见的交互方式，用于提示用户进行确认操作，Confirm弹框主要通过JavaScript的confirm函数来实现，它会创建一个包含“确定”和“取消”按钮的对话框，并根据用户的选择返回相应的布尔值（true表示用户点击了“确定”，false表示用户点击了“取消”），下面将详细介绍confirm弹框的使用方法、优缺点以及相关示例。

使用方法

1、基本语法：

confirm(message)：其中message是一个字符串，表示要在弹框中显示的消息内容，该函数会暂停脚本的执行，直到用户做出选择。

2、示例代码：

 <!DOCTYPE html>
   <html lang="en">
   <head>
       <meta charset="UTF-8">
       <title>Confirm Dialog Example</title>
       <script>
           function showConfirm() {
               var result = confirm("Are you sure you want to proceed?");
               if (result) {
                   alert("User clicked OK");
               } else {
                   alert("User clicked Cancel");
               }
           }
       </script>
   </head>
   <body>
       <button onclick="showConfirm()">Show Confirm Dialog</button>
   </body>
   </html>

在这个示例中，当用户点击按钮时，会弹出一个confirm弹框，询问用户是否确定要继续，如果用户点击“确定”，则显示“User clicked OK”；如果用户点击“取消”，则显示“User clicked Cancel”。