Window confirm() 方法

实例

展示一个确认消息框:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>单击按钮以显示确认框。</p>
  5. <button onclick="myFunction()">试一试</button>
  6. <script>
  7. function myFunction() {
  8. confirm("按下按钮!");
  9. }
  10. </script>
  11. </body>
  12. </html>

定义与用法

confirm() 方法显示带有指定消息的对话框,以及 "确认" 和 "取消" 按钮。

如果希望用户验证或接受某些内容,则通常使用确认框。

注意:确认框将焦点从当前窗口移开,并强制浏览器读取消息。不要过度使用此方法,因为它会阻止用户在关闭框之前访问页面的其他部分。

confirm() 方法在用户单击 "确认" 时返回 true,否则返回 false。


浏览器支持

方法
confirm()YesYesYesYesYes

语法

  1. confirm(message)

参数值

参数Type描述
messageString可选。 指定要在确认框中显示的文本

技术细节

返回值:布尔值, 指定在消息框中单击了 "确认" 或者 "取消" :
  • true - 用户点击了 "确认"
  • false - 用户点击了 "取消" (或者右上角的 "x" (关闭) 按钮,除了 FireFox 浏览器)

更多实例

实例

显示确认框,并输出用户单击的内容:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>单击按钮以显示确认框。</p>
  5. <button onclick="myFunction()">试一试</button>
  6. <p id="demo">
  7. <script>
  8. function myFunction() {
  9. var txt;
  10. var r = confirm("点击一个按钮!");
  11. if (r == true) {
  12. txt = "你点击了确认!";
  13. } else {
  14. txt = "你点击了取消!";
  15. }
  16. document.getElementById("demo").innerHTML = txt;
  17. }
  18. </script>
  19. </body>
  20. </html>
实例

带换行的确认框:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>单击按钮以在确认框中演示换行符。</p>
  5. <button onclick="myFunction()">试一试</button>
  6. <p id="demo">
  7. <script>
  8. function myFunction() {
  9. var txt;
  10. var r = confirm("点击一个按钮!\n确认 或 取消\n您按下的按钮将显示在结果窗口中。");
  11. if (r == true) {
  12. txt = "你点击了确认!";
  13. } else {
  14. txt = "你点击了取消!";
  15. }
  16. document.getElementById("demo").innerHTML = txt;
  17. }
  18. </script>
  19. </body>
  20. </html>

相关页面

Window 对象: alert() 方法

Window 对象: prompt() 方法

分类导航