如何应用JavaScript中的弹窗

工具/材料

Sublime Text

• 01

  首先打开Sublime Text，创建一个如下图所示的HTML结构，注意编码方式要选择utf-8

  
• 02

  然后我们先来看一下警告框的用法，如下图所示，运用alert来调用警告框，alert中传入的是警告信息

  
• 03

  运行程序以后，你会看到如下图所示的弹出提示，用户点击确定的时候，弹窗就关闭了

  
• 04

  接下来是确认框的使用，在JavaScript中用confirm调用确认弹出框，confirm和alert一样，只能传入一个信息参数，如下图所示

  
• 05

  运行程序以后，在页面中就显示了如下的确认弹出框。用户可以点击确定或者取消，点击确定会返回true，点击取消会返回false

  
• 06

  最后，我们来看一下prompt信息弹出框，如下图所示，prompt接收2个参数，一个是信息描述，一个是用户默认输入项

  
• 07

  调试页面，你就可以在页面中看到如下图所示的信息提示框，用户可以输入内容，点击确定以后，输入的内容就会返回