【摘要】:图13.6.2alert警告对话框在登录界面,如果未输入账号或密码,点击登录会弹出对话框提醒输入密码。图13.6.3confirm确认对话框3.prompt信息对话框prompt对话框在confirm对话框的基础上增加了一个输入框,除选择true和false之外,允许用户输入其他信息。
window对象提供三种对话框:alert、confirm和prompt。这三种对话框都会阻塞后续JavaScript代码的执行,而且必须在用户点击按钮后才能取消,因此,若浏览器检测到网站不正常使用这类对话框,就会提醒用户是否不再显示相应的对话框。
1.alert警告对话框
alert警告对话框,显示一段警告信息和一个确认按钮,一般用于提示缺少关键信息,防止遗漏信息。
13.6.2.html在登录时检测用户名和密码是否输入,没有输入则弹出alert警告框,如下所示。
动手写13.6.2
执行13.6.2.html,输出结果到网页,如下图所示。
图13.6.2 alert警告对话框
在登录界面,如果未输入账号或密码,点击登录会弹出对话框提醒输入密码。
2.confirm确认对话框
confirm对话框会显示一段提醒信息和两个按钮:取消和确认。它一般用于重要操作的二次确认,比如清空回收站、确认转账等不可撤销的操作。confirm(importantMessage)有两个返回值,点击确认返回true,点击取消返回false,在点击按钮之前会阻止浏览器的其他行为。
13.6.3.html在执行清空缓存等重要操作或不可逆操作前弹出confirm确认框进行二次确认,如下所示。(www.chuimin.cn)
动手写13.6.3
执行13.6.3.html,输出结果到网页,如下图所示。
图13.6.3 confirm确认对话框
3.prompt信息对话框
prompt对话框在confirm对话框的基础上增加了一个输入框,除选择true和false之外,允许用户输入其他信息。prompt(importantMessage, defaultText)显示对话框,里面有一段提示文字和一个输入框;defaultText是输入框内的默认字符串,用户点击确定时返回输入的值,点击取消返回null,在点击按钮之前会阻止浏览器的其他行为。
13.6.4.html使用prompt对话框接收输入的短信验证码,如下所示。
动手写13.6.4
执行13.6.4.html,输出结果到网页,如下图所示。
图13.6.4 prompt信息对话框