JavaScript三种弹出框（alert、confirm、prompt）

时间：2024-02-21 18:14:36

一、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()”）。

相关文章