如何应用JavaScript中的弹窗

在使用JavaScript的时候,弹窗是进行信息交互的必备元素 。JavaScript中有三种弹窗方式供用户选择,下面小编分别给大家介绍这三种弹窗的使用方法 。
工具/材料
SublimeText
首先打开SublimeText,创建一个如下图所示的HTML结构,注意编码方式要选择utf-8
如何应用JavaScript中的弹窗

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

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

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

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

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

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

【如何应用JavaScript中的弹窗】

如何应用JavaScript中的弹窗