JavaScript 中警告框与确认框的区别

在 JavaScript 中，INLINECODE2c1e014b 和 INLINECODE8c63f32d 是两个用于通过对话框与用户交互的内置函数。它们各有不同的用途，并提供独特的功能。理解警告框和确认框之间的区别，对于设计有效的用户界面和管理用户交互至关重要。

目录

• 警告框
• 确认框
• 让我们以表格形式查看它们的差异

alert 函数向用户显示一条简单的信息，并带有一个“确定”按钮。它不需要用户输入，也不返回任何输入值。

示例： 演示如何使用 JavaScript 制作警告框。

    
    
        #btn {
            width: 100px;
            height: 50px;
            background-color: #008CBA;
            color: white;
            font-size: 15px;
            border-radius: 10px;
            border: none;
            margin-left: 50%;
            margin-top: 100px;
        }

        #btn:hover {
            background-color: #005f6a;
        }

        #btn:active {
            background-color: #00404d;
        }
    



    Show Alert
    
        function showAlert() {
            alert("This is an alert box!");
        }
    

输出：

!alertBoxalert box 示例输出

INLINECODEa9ade796 函数显示一条信息，并等待用户点击“确定”或“取消”。它返回一个布尔值：如果点击“确定”则返回 INLINECODE2eb77391，如果点击“取消”则返回 false。

示例： 演示如何使用 JavaScript 制作确认框。

    
    
        body {
            background-color: #f1f1f1;
        }

        .btn {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin-left: 50%;
            margin-top: 100px;
            cursor: pointer;
        }
    



    Show Confirm
    
        function showConfirm() {
            let result = confirm("Are you sure you want to proceed?");
            if (result) {
                alert("You pressed OK!");
            } else {
                alert("You pressed Cancel!");
            }
        }
    

输出：

!ConfirmBoxConfirmBox

让我们以表格形式查看它们的差异

alert box (警告框)

—

如果我们希望将信息传达给用户，可以使用警告框。

当警告框弹出时，我们需要点击“确定”才能继续。

它的语法是 -:
window.alert("sometext");

它始终返回 true，因为我们要继续操作就必须点击“确定”。

警告框会强行将焦点从当前窗口移开，并强制浏览器读取该消息。