首页 > 编程笔记 > JavaScript笔记
阅读:10
JavaScript alert()、prompt()和confirm()对话框的用法(附带实例)
在 JavaScript 中,可使用三种基本的对话框,包括:
下面的代码演示了 alert() 方法的使用:
代码中,直接使用 alert() 方法也可以产生相同的效果,如
prompt() 方法可以获取用户输入的文本内容,如下面的代码:
confirm() 方法会让用户做出选择,如下面的代码:
- alert() 方法,显示消息对话框,参数指定显示的文本内容;
- prompt() 方法,显示输入对话框,用于获取用户输入的数据。参数一指定提示信息,参数二指定默认值,这两个参数都是可选的。单击“确定”按钮时会返回用户输入的内容,单击“取消”按钮返回 null 值;
- confirm() 方法,显示确认对话框,选择“确定”按钮时返回 true,否则返回 false。
下面的代码演示了 alert() 方法的使用:
<script> window.alert("Hello BOM"); </script>页面在 Google Chrome 浏览器中显示的效果见下图:

代码中,直接使用 alert() 方法也可以产生相同的效果,如
alert("Hello BOM")
。prompt() 方法可以获取用户输入的文本内容,如下面的代码:
<script> var input = prompt(" 请输入一个数值 ", "0"); if(input===null){ document.write(" 取消操作 "); }else{ var val=parseFloat(input); if(isNaN(val) || val % 2 !== 0) document.write(" 输入的不是偶数 "); else document.write(" 输入的是偶数 "); } </script>打开页面,在 Google Chrome 浏览器中会显示如下图所示的对话框,输入内容后单击“确定”按钮会判断输入的内容是否为偶数。

confirm() 方法会让用户做出选择,如下面的代码:
<script> var result = confirm("确定要继续吗?"); if (result) document.write("确认操作"); else document.write("取消操作"); </script>打开页面,在 Google Chrome 浏览器中的显示效果如下图所示,然后,可以根据用户的选择进一步操作。
