alert, confirm, prompt 函数详解_提示信息

alertconfirm, 和 prompt 是JavaScript中用于与用户进行简单交互的三个内置函数,它们可以弹出对话框来提示信息、获取确认或输入。

alert

alert()函数用于显示一个带有消息和确定按钮的警告对话框。用户必须点击确定才能关闭对话框并继续操作。

alert("Hello world!");

confirm

confirm()函数显示一个带有消息和确定/取消按钮的对话框,用于让用户确认某个操作。它会返回一个布尔值:用户点击确定时返回true,点击取消时返回false

if (confirm("确定or取消")) {
    console.log("点击了确定。");
} else {
    console.log("点击了取消。");
}

prompt

prompt()函数显示一个对话框,允许用户输入文本,并提供一个确认和取消按钮。它接受两个参数:提示信息和可选的默认输入值。如果用户点击确认,函数返回用户输入的文本;点击取消则返回null

var food = prompt("早餐吃的啥:", "包子");
if (food !== null) {
    console.log("吃的" + food + "!");
} else {
    console.log("没胃口,不想吃。");
}
注意事项

阻塞性:这三个函数都是同步且阻塞的,意味着在用户作出响应之前,浏览器不会执行后续的JavaScript代码。

用户体验:频繁使用或不当使用这些对话框可能会严重影响用户体验,特别是在现代Web应用中,更推荐使用非阻塞式的UI设计。

样式限制:这些对话框的样式是由浏览器控制的,无法通过CSS自定义其外观,这可能导致与网站整体风格不一致。

移动设备兼容性:在移动设备上,这些对话框的表现可能与桌面浏览器有所不同,尤其是在不同的浏览器或操作系统上。

可访问性:确保使用这些对话框时考虑到键盘用户和辅助技术用户的体验,例如,对话框应可通过Tab键导航。

综上所述,alert, confirm, 和 prompt 是基础的用户交互手段,在简单场景下非常实用,但应谨慎使用,特别是在追求流畅用户体验的现代Web应用开发中。