JavaScript 消息框

可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。

实例

警告框带有折行的警告框确认框提示框

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

语法：

alert("文本")例如：

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function disp_alert()
 5 {
 6 alert("再次向您问好！在这里，我们向您演示" + '\n' + "如何向警告框添加折行。")
 7 }
 8 </script>
 9 </head>
10 <body>
11
12 <input type="button" οnclick="disp_alert()" value="显示警告框" />
13
14 </body>
15 </html>

确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

语法：

confirm("文本")例如：

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function show_confirm()
 5 {
 6 var r=confirm("Press a button!");
 7 if (r==true)
 8   {
 9   alert("You pressed OK!");
10   }
11 else
12   {
13   alert("You pressed Cancel!");
14   }
15 }
16 </script>
17 </head>
18 <body>
19
20 <input type="button" οnclick="show_confirm()" value="Show a confirm box" />
21
22 </body>
23 </html>

提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

语法：

prompt("文本","默认值")例如：

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function disp_prompt()
 5   {
 6   var name=prompt("请输入您的名字","Bill Gates")
 7   if (name!=null && name!="")
 8     {
 9     alert("你好！" + name + " 今天过得怎么样？");
10     document.write("你好！" + name + " 今天过得怎么样？")
11     }
12   }
13 </script>
14 </head>
15 <body>
16
17 <input type="button" οnclick="disp_prompt()" value="显示提示框" />
18
19 </body>
20 </html>

转载于:https://www.cnblogs.com/gmblog/p/3826889.html

JavaScript 消息框相关推荐

JavaScript消息框示例
JavaScript消息框示例在 JavaScript 中可以创建三种消息框:警告框.确认框.提示框. 警告框警告框通常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续 ...
JavaScript消息框应用
在JavaScript中可以创建如下三种消息框: Ø 警告框用于提示用户得到某些信息,当警告框出现后,用户需要点击"确定"按钮才可以继续操作. Ø 确认框用于使用户可以验证或者 ...
JavaScript消息框
1.警告框 function myTest(){alert("这里的内容会弹出");} 2.确认框其返回的值是 true 或 false . function myTest(){ ...
JavaScript (If...Else和Switch和循环遍历) 语句以及常用消息框
If...Else 语句 JavaScript中if...else语句和Java中的语法和使用方法是一样的. 只是在JavaScript中要使用小写字母.使用大写的 IF 会出错! 至于if...el ...
JavaScript MSN 弹出消息框
** 类名:CLASS_MSN_MESSAGE ** 功能:提供类似MSN消息框 ** 示例: ** 作者:ttyp ** 邮件:ttyp@21cn ...
使用jQuery开发messager消息框插件
1.插件使用首先引入jquery库,然后引入dialog.js.dialog.css.messager.js.messager.css,如下: 1 <script type="tex ...
[moka同学笔记转载]Yii 设置 flash消息创建一个渐隐形式的消息框
来源:http://www.cnblogs.com/xp796/p/5481004.html Yii 设置 flash消息创建一个渐隐形式的消息框 1 /*适用情况:比如提交一个表单,提交完成之后在 ...
.NET MessageBox 网页弹出消息框
方法一: #region Alert 弹出消息框 /// <summary> /// 弹出消息框 /// </summary> ...
EasyUI中Messager消息框的简单使用
场景效果属性名称类型描述默认值 ok string 确定按钮的文本. Ok cancel string 取消按钮的文本. Cancel 方法名称参数描述 $.messager.sho ...

JavaScript 消息框

实例

警告框

语法：

确认框

语法：

提示框

语法：

JavaScript 消息框相关推荐

最新文章

热门文章