简介
JavaScript提供了几种常用的弹窗方法,用于与用户进行交互或显示提示消息。以下是三种常见的JavaScript弹窗方法:
- 警告框(Alert): 使用
alert()
方法创建一个警告框,它会显示一条消息并包含一个"确定"按钮。 - 确认框(Confirm): 使用
confirm()
方法创建一个确认框,它会显示一条消息并包含一个"确定"按钮和一个"取消"按钮。用户可以点击其中一个按钮来进行选择,并返回对应的布尔值结果(true表示点击了"确定"按钮,false表示点击了"取消"按钮)。 - 提示框(Prompt): 使用
prompt()
方法创建一个提示框,它会显示一条消息,并包含一个文本输入框、一个"确定"按钮和一个"取消"按钮。用户可以在输入框中输入文本内容,并点击相应按钮来确认或取消操作。prompt()
方法将返回用户在输入框中输入的文本内容。
示例
<!DOCTYPE html> <html> <head> <title>JavaScript弹窗示例</title> </head> <body> <h1>JavaScript弹窗示例</h1> <!-- 警告框 --> <button onclick="showAlert()">显示警告框</button> <!-- 确认框 --> <button onclick="showConfirm()">显示确认框</button> <!-- 提示框 --> <button onclick="showPrompt()">显示提示框</button> <script> // 显示警告框 function showAlert() { alert("这是一个警告框!"); } // 显示确认框 function showConfirm() { var result = confirm("是否继续操作?"); if (result) { alert("您点击了确定按钮!"); } else { alert("您点击了取消按钮!"); } } // 显示提示框 function showPrompt() { var name = prompt("请输入您的姓名:"); if (name) { alert("您输入的姓名为:" + name); } else { alert("您点击了取消按钮或未输入内容!"); } } </script> </body> </html>
复制