js 弹窗

// 创建一个简单的 JavaScript 弹窗示例

// 1. 使用 alert() 方法创建一个警告弹窗
// 当页面加载时，会弹出一个警告框，显示指定的文本信息。
window.onload = function() {
    alert("欢迎访问我们的网站！");
};

// 2. 使用 confirm() 方法创建一个确认弹窗
// 点击按钮后，会弹出一个确认框，用户可以选择“确定”或“取消”，并根据选择执行不同的操作。
function showConfirm() {
    var result = confirm("你确定要离开吗？");
    if (result) {
        alert("你选择了离开。");
    } else {
        alert("你选择了留在页面上。");
    }
}

// 3. 使用 prompt() 方法创建一个输入弹窗
// 点击按钮后，会弹出一个输入框，用户可以输入内容，并根据输入值执行不同的操作。
function showPrompt() {
    var userInput = prompt("请输入你的名字：", "匿名用户");
    if (userInput != null && userInput != "") {
        alert("你好，" + userInput + "!");
    } else {
        alert("你没有输入名字。");
    }
}

解释说明：

• alert()：用于显示一个警告框，用户只能点击“确定”关闭弹窗。
• confirm()：用于显示一个确认框，用户可以选择“确定”或“取消”，返回布尔值。
• prompt()：用于显示一个输入框，用户可以输入内容，返回用户输入的字符串。

这些方法都是浏览器内置的弹窗功能，适用于简单的用户交互场景。