JavaScript三种弹出框(alert、confirm、prompt),一次性全弄清!
一、alert() 弹出个提示框 (确定)警告消息框alertalert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。alert("欢迎!请按“确定”继续。");二、confirm() 弹出个确认框 (确定,取消)确认消息...
一、alert() 弹出个提示框 (确定)
警告消息框alert
alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。
alert("欢迎!请按“确定”继续。");
二、confirm() 弹出个确认框 (确定,取消)
确认消息框confirm
使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。
var told =confirm("单击“确定”继续。单击“取消”停止。");
if (told) {
window.alert("欢迎访问我的主页!");
} else alert("再见!");
三、prompt() 弹出个输入框 (让你输入东西)
提示消息框prompt
提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 “<undefined>
”。
与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框 。
var age=prompt("您好,请输入你的班级");
switch(age){
case "1":
alert("您上一年级");
break;
case "2":
alert("您上二年级");
break;
case "3":
alert("您上三年级");
break;
default:
alert("您不知道上几年级?");
break;
}
四、弹出框(alert、confirm、prompt)补充
可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息框的全名(例如 “window.alert()”)。
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)