在 JavaScript 中,你可以使用 alert、confirm 和 prompt 函数来创建弹窗,与用户进行交互。这些弹窗函数是浏览器原生提供的,它们分别用于显示简单的提示、确认对话框和输入对话框。

1. alert 弹窗:
alert("这是一个警告框!");

alert 会弹出一个只有一个确定按钮的对话框,用于向用户显示一些简单的信息。

2. confirm 弹窗:
var result = confirm("您确定要执行这个操作吗?");

if (result) {
    // 用户点击了确定按钮
    console.log("用户点击了确定按钮");
} else {
    // 用户点击了取消按钮
    console.log("用户点击了取消按钮");
}

confirm 会弹出一个带有确定和取消按钮的对话框,用于让用户进行确认或取消操作。confirm 的返回值是一个布尔值,如果用户点击了确定按钮,则返回 true,否则返回 false。

3. prompt 弹窗:
var userInput = prompt("请输入您的名字:", "默认值");

if (userInput !== null) {
    // 用户点击了确定按钮,并输入了内容
    console.log("用户输入的内容是:" + userInput);
} else {
    // 用户点击了取消按钮
    console.log("用户点击了取消按钮");
}

prompt 会弹出一个带有输入框、确定和取消按钮的对话框,用于让用户输入文本。prompt 的返回值是用户输入的文本,如果用户点击了取消按钮,则返回 null。

这些弹窗函数在实际应用中应该谨慎使用,因为它们会阻塞用户界面,并可能被视为不好的用户体验。在现代的Web开发中,更推荐使用模态框或其他更灵活的用户界面组件来替代这些原生的弹窗。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12840/JavaScript