系统对话框

系统对话框

• 游览器通过alert()、confirm()和prompt()方法可以调用系统对话框向用户显示消息。
• 系统对话框与在游览器和zoo那个显示的页面没有关系也不包含HTML。
• 它们的外观由操作系统及（或）游览器设置决定，而不是由css决定。

alert()

• 向用户显示一个系统对话框，其中包含指定的文本和一个确定按钮。
• 这个方法接受一个字符串并将其显示给用户。
• 通常使用这个方法生成的“警告”对话框向用户显示一些他们无法控制的消息。
  • 例如错误消息，而用户只能在看完消息后关闭对话框。

语法

alert("Hello world");

confirm()

• 与alert()的主要区别是除了确定按钮外还有一个取消按钮。
• 两个按钮可以让用户自行决定选择操作。
• 为了确定用户是单机了确定还是取消，可以检查confirm()方法返回的布尔值。
  - true 表示单击了确定
  - false 表示单击了取消（或者没有单机确定而是用其他方式关闭了对话框）。

语法

if(confirm('Are You sure?')) {
	alert('Yes')
}else{
      alert('No')
}

prompt()

• 这是一个提示框，用于提示用户输入一些文本。
• 提示框中除了显示确定和取消按钮以及文本提示之外，还会显示一个文本输入域，以供用户在其中输入内容。
• 这个方法接受两个参数
  - 要显示给用户的文本提示
  - 文本输入域的默认值（可以是一个空的字符串）。

语法

prompt("What's your name?", "lazy");

• 如果用户单击了确定按钮，则prompt()返回文本输入域的值；如果用户单机了取消（或者没有单机确定而是用其他方式关闭了对话框），则该方法返回 null。

var result = prompt("What's your name?", "lazy");
if(result !== null) {
      alert("Welcome, " + result)
}

综上所述

• 这些系统对话框很适合想用户显示消息并请用户作出决定。
• 由于不涉及HTML、CSS或JavaScript，因此它们是增强web应用程序的一种便捷方式。

还有两个可以通过JavaScript打开的对话框

• 查找和打印，这两个对话框都是异步显示的，能够将控制权立即交还给脚本。

// 显示查找对话框
window.find();
// 显示打印对话框
window.print();