JS alert()、confirm()、prompt()的区别

这三个都是属于弹框类型的对象


使用警告、提示和确认消息框来得到用户的输入。这些消息框是 window 对象的接口方法。因为 window 对象位于对象层次的顶层,所以实际应用中没必要使用这些消息框的全名(例如 "window.alert()")。

警告消息框
alert 方法有一个参数,即但愿对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“肯定”按钮让用户关闭该消息框,而且该消息框是模式对话框,也就是说,用户必须先关闭该消息框而后才能继续进行操做。

window.alert("欢迎!请按“肯定”继续。");接口


确认消息框
使用确认消息框可向用户问一个“是-或-否”问题,而且用户能够选择单击“肯定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操做。

var truthBeTold = window.confirm("单击“肯定”继续。单击“取消”中止。");
if (truthBeTold) {
window.alert("欢迎访问咱们的 Web 页!");
} else window.alert("再见啦!");
提示消息框
提示消息框提供了一个文本字段,用户能够在此字段输入一个答案来响应您的提示。该消息框有一个“肯定”按钮和一个“取消”按钮。若是您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串做为默认响应。不然,默认文本为 ""。

与alert( ) 和 confirm( ) 方法相似,prompt 方法也将显示一个模式消息框。用户在继续操做以前必须先关闭该消息框

var iNumber = Number(prompt("输入一个5到100之间的数字", ""));
if(isNaN(iNumber))  //判断输入的是不是数字
 document.write("请确认你的输入正确");
else if(iNumber > 100 || iNumber < 5)  //判断输入的数字范围
 document.write("你输入的数字范围不在5和100之间");
else
 document.write("你输入的数字是:" + iNumber);字符串

相关文章
相关标签/搜索