如何应用JavaScript中的弹窗

在使用JavaScript的时候 , 弹窗是进行信息交互的必备元素 。 JavaScript中有三种弹窗方式供用户选择 , 下面小编分别给大家介绍这三种弹窗的使用方法 。 东西/材料 Sublime Text
操作方式 01 起首打开Sublime Text , 建立一个如下图所示的HTML布局 , 注重编码体例要选择utf-8

如何应用JavaScript中的弹窗

文章插图

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

如何应用JavaScript中的弹窗

文章插图

03 运行法式今后 , 你会看到如下图所示的弹出提醒 , 用户点击确定的时辰 , 弹窗就封闭了

如何应用JavaScript中的弹窗

文章插图

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

如何应用JavaScript中的弹窗

文章插图

05 运行法式今后 , 在页面中就显示了如下简直认弹出框 。 用户可以点击确定或者打消 , 点击确定会返回true , 点击打消会返回false

如何应用JavaScript中的弹窗

文章插图

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

如何应用JavaScript中的弹窗

文章插图

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

如何应用JavaScript中的弹窗

文章插图



以上内容就是如何应用JavaScript中的弹窗的内容啦 , 希望对你有所帮助哦!

    推荐阅读