工具/材料

Sublime Text

01

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

如何应用JavaScript中的弹窗-风君小屋帮我吧 02

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

如何应用JavaScript中的弹窗-风君小屋帮我吧 03

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

如何应用JavaScript中的弹窗-风君小屋帮我吧 04

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

如何应用JavaScript中的弹窗-风君小屋帮我吧 05

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

如何应用JavaScript中的弹窗-风君小屋帮我吧 06

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

如何应用JavaScript中的弹窗-风君小屋帮我吧 07

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

如何应用JavaScript中的弹窗-风君小屋帮我吧