Javascript学习之消息框（一）

本是古典何须时尚 2022-12-31 07:30 113阅读 0赞

通常来说在Android中我们喜欢用一个Log，或者Toast来输出一些信息，以便提示用户，或者方便程序员调试代码

那么在javascript中我们也想要通过一种弹窗的形式来帮助我们编程，或者提示browser用户一些其他的信息.

这样我们要进入javascript的消息框的学习哈！

# 使用警告、提示和确认 #

可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 **window** 对象的接口方法。由于 **window** 对象位于对象层次的顶层，因此实际应用中不必使用这些消息框的全名（例如 "window.alert()"），不过采用全名是一个好注意，这样有助于您记住这些消息框属于哪个对象。

## 警告消息框 ##

**alert** 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。

window.alert("欢迎！请按“确定”继续。");

![SouthEast][]

## 确认消息框 ##

使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。**confirm** 方法的返回值为**true** 或 **false**。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。

var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。");
    if (truthBeTold) {
       
    window.alert("欢迎访问我们的 Web 页！");
    }  else  window.alert("再见啦！");

![SouthEast 1][]

## 提示消息框 ##

提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则，默认文本为 "<undefined>"。

与**alert( )** 和 **confirm( )** 方法类似，**prompt** 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框

var theResponse = window.prompt("欢迎？","请在此输入您的姓名。");

![SouthEast 2][]

[SouthEast]: /images/20221120/f0609f8d690541a8bf19ac8cf0323997.png
[SouthEast 1]: https://img-blog.csdn.net/20130906062750640?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGpwaGhq/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 2]: https://img-blog.csdn.net/20130906062754781?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGpwaGhq/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast