The Javascript alert, confirm, and prompt boxes

最新推荐文章于 2025-09-10 14:53:18 发布

转载最新推荐文章于 2025-09-10 14:53:18 发布 · 73 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了JavaScript中三种常用的对话框：alert、confirm和prompt的功能及使用方法。通过实例展示了如何利用这些对话框进行消息提示、确认操作及获取用户输入。

The alert, confirm, and prompt boxes

The three "commands" involved in creating alert, confirm, and prompt boxes are:

window.alert()
window.confirm()
window.prompt()

Lets look at them in detail. The first one is:

window.alert()

This command pops up a message box displaying whatever you put in it. For example:

<body>
<script type="text/javascript">
window.alert("My name is George. Welcome!")
</script>
</body>

As you can see, whatever you put inside the quotation marks, it will display it.

The second one is:

window.confirm()

Confirm is used to confirm a user about certain action, and decide between two choices depending on what the user chooses.

Click here for output:

<script type="text/javascript">
var x=window.confirm("Are you sure you are ok?")
if (x)
window.alert("Good!")
else
window.alert("Too bad")
</script>

There are several concepts that are new here, and I'll go over them. First of all, "var x=" is a variable declaration; it declares a variable ("x" in this case) that will store the result of the confirm box. All variables are created this way. x will get the result, namely, "true" or "false". Then we use a "if else" statement to give the script the ability to choose between two paths, depending on this result. If the result is true (the user clicked "ok"), "good" is alerted. If the result is false (the user clicked "cancel"), "Too bad" is alerted instead. (For all those interested, variable x is called a Boolean variable, since it can only contain either a value of "true" or "false").

The third one is:

window.prompt()

Prompt is used to allow a user to enter something, and do something with that info:

Click here for output:

<script type="text/javascript">
var y=window.prompt("please enter your name")
window.alert(y)
</script>

REF:

http://www.javascriptkit.com/javatutors/alert1.shtml

http://www.javascriptkit.com/javatutors/alert2.shtml

http://www.javascriptkit.com/javatutors/alert3.shtml

http://javascript.about.com/library/bldialog.htm

http://ncthakur.itgo.com/js02.htm

http://www.aspnetcenter.com/cliktoprogram/javascript/alert.asp