<返回更多

初学JavaScript之消息对话框

2022-03-18    不懈的追求
加入收藏

消息对话框:是内置函数。将结果直接以对话框的形式直观地显示结果。

常用的消息对话框有3种。

警示对话框(alert)、确认对话框(confirm)和提示对话框(prompt)3种。

1. 警示对话框

警示对话框的关键字是alert,因为它本质上是JAVAScript内置函数,所以在应用时直接输入alert( )即可。

alert()对话框的功能是直接在页面上以对话框的形式输出字符串或者输出变量的值。

alert()对话框在输出时除显示输出的内容外,对话框中还有一个“确定”按钮,当单击这个“确定”按钮后,会关闭对话框。

括号内字符串和变量用+连接。

//window.alert("我爱学习JS");
//alert("我是大学生了。n我成年了。"); 
var school = "枣庄科技职业学院";
//alert(school + "欢迎你的到来!");

2. 确认对话框

确认对话框的关键字是confirm,同alert()对话框一样,在本质上也是JavaScript内置函数,所以在应用时直接输入confirm()即可。

confirm()对话框的功能同alert()对话框功能十分相似,不同之处是confirm对话框有“确认”“取消”两个按钮。并且在单击“确定”按钮后会返回布尔值true,单击“取消”按钮将返回布尔值false。

//判断要去的地方。
var flag=confirm("你是学生吗?");//可以判断你的选择
var place= major ? "请到学校操场集合。" : "请到学校广场集合。"; //条件表达式: 表达式?为真执行:为假执行
document.writeln(place);

3. 提示对话框

提示对话框的关键字是prompt,同alert()、confirm()对话框一样,在应用时直接输入prompt( )即可。

prompt()对话框不但提供带有“确定”“取消”两个按钮,而且还提供一个用户可以用键盘输入的文本框,通过这个文本框可以实现系统与用户的交互功能。

prompt()提示对话框是一个具有人机交互功能的消息对话框。

//提示对话框
var name = "";
name = prompt("你的名字是:");
document.write("</br>")
document.write(name, " 同学,欢迎来到美丽的学校!");
声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>