浏览器交互：alert、prompt 和 confirm 的妙用

浏览器交互是 Web 开发中不可或缺的一部分。JavaScript 提供了丰富的 API，使我们能够与用户进行交互，其中 alert、prompt 和 confirm 函数是三种常用的交互方式。

alert() 函数

alert() 函数用于向用户显示一个带有确定按钮的对话框。当用户点击确定按钮时，对话框将关闭。

alert("Hello, world!");

prompt() 函数

prompt() 函数用于向用户显示一个带有输入框和确定按钮的对话框。当用户在输入框中输入内容并点击确定按钮时，对话框将关闭，并返回用户输入的内容。

var name = prompt("What is your name?");

confirm() 函数

confirm() 函数用于向用户显示一个带有确定和取消按钮的对话框。当用户点击确定按钮时，对话框将关闭，并返回 true；当用户点击取消按钮时，对话框将关闭，并返回 false。

var result = confirm("Are you sure?");

技巧和注意事项

• 使用 alert() 函数时，应谨慎考虑对话框的时机和内容。 频繁或不恰当地使用 alert() 函数可能会对用户体验造成负面影响。
• prompt() 函数返回用户输入的内容，您需要对用户输入的内容进行验证，以确保其符合预期格式。
• confirm() 函数返回 true 或 false，您可以根据用户的选择进行相应的处理。

实例

以下是一些使用 alert()、prompt() 和 confirm() 函数的实例：

• 使用 alert() 函数显示一条欢迎消息：

alert("Welcome to our website!");

• 使用 prompt() 函数获取用户的姓名：

var name = prompt("What is your name?");
alert("Hello, " + name + "!");

• 使用 confirm() 函数询问用户是否确定要删除一条记录：

var result = confirm("Are you sure you want to delete this record?");
if (result) {
  // 删除记录
} else {
  // 取消删除记录
}

总结

alert()、prompt() 和 confirm() 函数是 JavaScript 中用于与用户进行交互的三种常用函数。这些函数可以帮助您创建更具交互性和用户友好的网页。