本文介绍 JavaScript 中三种常用的弹出对话框:alert 用于单纯提醒,confirm 用于确认操作并返回布尔值,prompt 用于获取用户输入的字符串。通过具体示例展示各方法的调用方式及返回值处理,帮助开发者根据实际需求选择合适的对话框类型。
JavaScript 三种常用弹出对话框详解
第一种是 alert 对话框,它仅用于向用户显示提示信息,不会改变脚本的执行流程或返回任何交互结果。
第二种是 confirm 对话框,通常用于请求用户确认某个操作。它会返回布尔值 true 或 false,因此可以方便地结合 if...else... 语句进行条件判断。
第三种是 prompt 对话框,这是一个带有输入框的提示窗口,允许用户输入文本并返回该字符串。这种对话框常见于留言板或论坛中,用于用户提交内容或插入特定格式(如 UBB 格式图片)的场景。
接下来我们将分别演示这三种对话框的具体用法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>三种弹出对话框的用法实例</title> </head> <body> <p>对话框有三种</p> <p>1:只是提醒,不能对脚本产生任何改变;</p> <p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if else 判断 </p> <p>3:一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的插入UBB格式图片 </p> <p>下面我们分别演示:</p> <p>演示一:提醒 对话框</p> <p> <input type="submit" name="Submit" value="提交" onclick="ale()" /> </p> <p>演示二:确认对话框 </p> <p> <input type="submit" name="Submit2" value="提交" onclick="firm()" /> </p> <p>演示三:要求用户输入,然后给个结果</p> <p> <input type="submit" name="Submit3" value="提交" onclick="prom()" /> </p> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]