学过js的朋友会发现，我们在一些示例中使用了alert()，prompt()和prompt()方法，所有这些方法都会在屏幕上弹出一个对话框，并在上面显示括号中的内容。使用此方法使页面更具交互性。事实上，我们在浏览网页时经常使用这种类型的对话框，当用户与应用程序双向通信时也经常使用对话框。

javascript的三个对话框是通过调用window对象的三个方法alert()，confirm()和prompt()获得的。可以利用这些对话框完成js的输入输出，实现可以与用户交互的js代码。

今天，边肖将简要介绍js中的三个弹出对话框。边肖将首先分别详细解释这些方法，然后对这些方法进行比较。好了，开始我们的js之旅吧`(* _ *)'。

第一种方法是alert()。

alert()方法是三个对话框中最容易使用的。它可以用来简单明了地显示对话框中alert()括号内的文本信息。我们称之为警报对话框。要显示的信息放在括号中。对话框包含一个“确认”按钮。阅读显示的信息后，用户只需点击该按钮即可关闭对话框。让我们看一个使用alert()方法的例子。代码如下：

Htmlheadtitle编写html页面/title脚本语言=' JavaScript'//JavaScript脚本标记alert('顶部链接：山石下古树枯')；//页面弹出顶部链接提醒('底部链接：白水泉美少女')；//在页面弹出底部链接/脚本/头部/html执行上面的小示例，在页面弹出一个对话框，显示一句“顶部链接：山石下古树枯”，如下图：

然后点击“确认”按钮后，会显示第二个对话框，“白水泉的姑娘们太棒了！”，效果如下；

页面上弹出一个对话框，显示一句“上联：山石下古树枯”。点击“确认”按钮后，会显示第二个对话框，“白水泉的女孩很棒！”让我们来分析这个小例子：

A.在脚本块中调用alert()方法两次；

b、每个alert()括号中增加一段文字信息，运行时出现下图所示页面。当您在页面上单击“确定”时，会出现第二个页面，然后单击“确定”关闭页面上的对话框。注意：这两个对话框是分开显示的，而不是一个覆盖另一个，因为js实际上执行了第一个警报()，并一直等到用户单击“确认”按钮后才执行第二个警报()。

Alert()是js的window对象的一个方法，调用时可以写成window.alert()或alert()。它的功能是生成一个带有确认按钮的对话框，显示括号中的信息。

第二：确认()方法。

confirm()方法的使用与alert()方法非常相似。不同的是，这种对话框包含一个“确认”按钮和一个“取消”按钮。这种对话框称为确认对话框。调用window对象的confirm()方法和后面描述的prompt()方法时，可能不会写入窗口。让我们看一个关于confirm()的小例子。代码如下：

Htmlheadtitle编写html页面/titlescript语言=' JavaScript '/js script mark confirm('上链接：一旦有重泥堵路；下联：海峡两岸的高手回头一笑’)；//页面弹出确认对话框。/script/head/html显示以下效果：

分析这个小例子：

A.在脚本块中添加confirm()方法。

B.在确认()的括号中添加了一段文本信息。运行效果如上图所示。如果用户单击“确认”按钮，确认()方法将返回true，如果用户单击“取消”按钮，确认()方法将返回false。无论用户选择哪个按钮，对话框都将关闭，javascript代码将继续执行。点击“确认”或“取消”按钮关闭对话框，这似乎没有什么区别。事实上，无论你点击“确认”还是“取消”按钮，都会返回一个布尔值，这样你就可以在幕后有一些js代码来扮演按钮的角色。请看下面的例子，体验一下使用confirm()返回布尔值的妙处。代码如下：

Htmlheadtitle html页面/标题脚本语言=' JavaScript'//js脚本标记var conCon=确认(‘你喜欢玫瑰吗？’);//如果(con==true)alert(非常喜欢！)，页面上会弹出一个对话框。);Else alert('不喜欢！);/script/head/html让我们来分析一下这个小例子：

A.脚本块中声明了一个变量con。

B.语句con=confirm()将confirm()方法返回的布尔值赋给con。

c、通过if语句使用con的值，分别执行不同的语句；实施效果如下：

如果点击页面确认框中的“确定”按钮，将出现下图所示的页面：

如果单击“取消”按钮，将出现下图所示的页面：

第三种方法是prompt()。

alert()方法与confirm()方法非常相似，它只显示现有信息，但用户不能输入自己的信息。但是，prompt()可以做到这一点。它不仅显示信息，还提供了一个文本框，供用户使用键盘输入自己的信息。同时，它还包含两个按钮：“确认”或“取消”。如果用户单击“取消”按钮，prompt()方法将返回null。我们称这个对话框为提示框。三个对话框中，她互动性最好。

看下面一个小例子：页面上两次弹出提示对话框，让用户输入相关信息。代码如下：

Htmlheadtitle html页面/title脚本语言=' JavaScript'//js脚本标记var名称、年龄；name=prompt(‘请问你叫什么名字？’);/*页面弹出提示对话框，将用户输入的结果赋给变量名*/alert(名称)；//输出信息时代=提示(‘你今年多大了？’，‘请在此输入您的年龄’)；/*页面上再次弹出提示对话框，说将用户输入的信息赋给变量age*/alert(age)//输出用户输入的信息/脚本/head/html运行上述程序，效果如下：

点击确定，会有这样的惊喜聂：

我们再次单击确定按钮：

再次单击确定按钮：

分析这个小例子。

A.脚本块中添加了两个prompt()方法。

b、在第一个提示()的括号中添加了一段文字信息。

c、name=prompt()是将用户在文本框中输入的信息赋给变量名。

alert()、confirm()和prompt()之间的区别和联系：

警告框警报()

警报是一个警告框，只有一个按钮“确定”，没有返回值。警告框通常用于确保用户可以获得某些信息。当警告框出现时，用户需要点击确定按钮继续操作。语法：alert ('text ')。

确认框确认()。

确认是一个确认框，两个按钮，确认或取消，返回真或假。确认框用于使用户能够验证或接受某些信息。确认框出现后，用户需要点击确定或取消按钮继续操作。如果用户单击确定，返回值为真。如果用户单击取消，返回值为假。语法：确认('文本')

提示框提示()

提示是返回输入消息的提示框，或者它的默认提示框通常用于提示用户在进入页面之前输入一个值。当提示框出现时，用户需要输入某个值，然后点击确认或取消按钮继续操作。如果用户单击确定，返回值就是输入的值。如果用户单击“取消”，返回值为空。语法：提示(“文本”，“默认值”)

本文主要介绍了javascript中的三种弹出对话框，分别是alert()，confirm()和prompt()。首先，边肖分别详细介绍了这些方法，然后对这些方法进行了比较。除了这三个弹出对话框，我们还可以使用document.write()直接在页面上显示消息。理科学士研究，仍有待继续。