如何应用JavaScript中的弹窗

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

(0)

相关推荐

  • WPS中的弹窗广告怎么隐藏?

    相信很多小伙伴在日常办公中都会用到WPS,其中的弹窗广告如何才能隐藏呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 每当我们打开WPS时,总是会出现下图所示的弹窗广告,给大家都带来了很多不便. ...

  • 如何拦截电脑中的弹窗广告

    有的小伙伴在使用电脑时,总会收到一些弹窗广告,觉得这些广告太麻烦了,因此想要拦截广告,但是却不知道如何拦截,其实我们可以在360安全卫士中设置,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双 ...

  • 如何屏蔽电脑中的弹窗广告

    今天给大家介绍一下如何屏蔽电脑中的弹窗广告的具体操作步骤.1. 打开电脑,找到桌面上的此电脑图标,右键,选择管理选项,进入计算机管理页面.2. 在页面左侧依次打开任务计划程序---任务计划程序库.3. ...

  • 怎么开启360安全卫士中的弹窗过滤功能

    有的小伙伴在使用电脑过程中,总会收到很多广告,觉得太麻烦了,因此想要在360安全卫士中开启弹窗过滤功能,来过滤这些广告,但是却不知道如何开启,那么小编就来为大家介绍一下吧.具体如下:1.第一步,双击或 ...

  • 怎么禁止电脑中的弹窗

    当我们在使用电脑的时候,会有许多的弹窗广告弹出,那么是否能够禁止这些弹窗呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑后,点击左下角的win图标.2. 第二步,打开开始菜单后,点击齿轮 ...

  • 搜狗输入法中的弹窗广告怎么设置关闭

    今天给大家介绍一下搜狗输入法中的弹窗广告怎么设置关闭的具体操作步骤.1. 首先我们打开电脑,调出搜狗输入法,在输入面板上,右键2. 在打开的菜单中,选择属性设置选项3. 如图,在打开的属性设置页面,点 ...

  • 如何开启电脑中的弹窗拦截功能

    在使用电脑的时候,如果觉得弹窗广告太多的话,应如何对其进行拦截呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑后,点击右下方任务栏中的箭头图标,然后点击火绒安全程序图标.2. 第二步,打 ...

  • 如何彻底关闭win10电脑中的弹窗广告

    我们在打开电脑的时候,最讨厌的就是一直弹出的广告,点击关闭就要费时费力的,想要彻底关闭,该怎么操作呢?今天就跟大家介绍一下如何彻底关闭win10电脑中的弹窗广告的具体操作步骤.方法一1. 当电脑中显示 ...

  • 如何在win10系统的IE中开启在新窗口中打开弹窗功能

    有的小伙伴在使用Windows10系统电脑上的IE浏览器软件时,想要开启在新窗口中打开弹窗功能,但是却不知道如何打开,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开IE浏览器软 ...