初学JavaScript之消息对话框

不懈的追求 08-17 108

前言：

当前看官们对“js模式对话框”大概比较注意，兄弟们都需要学习一些“js模式对话框”的相关内容。那么小编同时在网上汇集了一些关于“js模式对话框””的相关资讯，希望大家能喜欢，你们一起来了解一下吧！

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

常用的消息对话框有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, " 同学，欢迎来到美丽的学校！");