当前位置:首页 > 经验

如何应用JavaScript中的弹窗

在使用JavaScript的时候,弹窗是进行信息交互的必备元素。JavaScript中有三种弹窗方式供用户选择,下面小编分别给大家介绍这三种弹窗的使用方法。

工具/材料

SublimeText

操作方法

【步骤01】

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

【步骤02】

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

【步骤03】

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

【步骤04】

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

【步骤05】

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

【步骤06】

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

【步骤07】

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

声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:fendou3451@163.com
标签:

  • 关注微信

相关文章