BOM相关04

浏览器通过 alert()、confirm()、prompt方法可以调用系统对话框向用户显示消息。

1. 系统对话框与在浏览器中显示的网页没有关系，也不包括HTML。
2. 它们的外观由操作系统及(或)浏览器设置决定，而不是CSS决定。
3. 通过这几个方法打开的对话框都是同步和模态的。也就是说，显示这些对话框的时候代码会立即停止执行，而关掉这些对话框后代码又会恢复执行。

alert()方法

这个方法接受一个字符串并将其显示给用户。显示结果包含指定的文本和一个OK(确定)按钮。

image.png

confirm()方法

这种方法生成的对话框，除了显示OK按钮外，还会显示一个Cancel(取消)按钮，两个按钮可以让用户决定是否执行给定操作。

image.png

为了确定用户是单击了OK 还是 Cancel,可以检查confirm()方法返回的布尔值：true表示单击了OK，false表述迪单击了Cancel或者右上角的X按钮。确认对话框的典型用法如下：

        if (confirm('Are you sure?')) {
            alert("I'm so glad you're sure!")
        } else {
            alert("I'm sorry to hear you're not sure.")
        }

这种模式经常在用户想要执行删除操作的时候使用，例如删除邮件。

prompt()方法

这是一个提示框，用于提示用户输入一些文本。提示框中除了OK 和Cancel按钮之外，还会显示一个文本输入域，以供用户在其中输入内容。
prompt()方法 接受两个参数：第一个是显示给用户的提示文本，第二个是文本输入域的默认值（可以是一个空字符串）

image.png

如果点击了OK按钮，则 prompt()方法返回文本输入域的值；如果点击了Cancel或者其他方式关闭了对话框，则该方法会返回null

var result = prompt('What is your name?', ' ')
       if (result !== null) {
           alert("welcome," + result)
       }

以上几种系统对话框很适合向用户显示消息并请用户做出决定。由于不涉及HTML、CSS或JavaScript，因此他们是增强Web应用程序的一种便捷方式。