js三种弹窗介绍

alert,confirm,prompt三种弹窗介绍

三种弹框在系统中都是同步执行的,也就是说,三种弹框中的任一弹框弹出,代码都不在执行,直到点击确认或取消,关闭弹窗后,代码继续执行。


1、alert()提示框

**用途:**一般用于提示信息或者警告信息的展示。

代码展示:

alert("给程序媛请安~~~")//结果展示如下图

图片展示:
alert()弹框示例

2、confirm(option)‘确认’或‘取消’消息框

**用途:**用户点击“确定”或“取消”按钮时,弹窗会返回一个布尔值。确认返回true,取消返回false,由此可以判断用户的操作。

option1:数据类型是字符串;是弹框里的提示文字

代码展示:

var isbeauty=confirm("亲爱的程序媛,you are so beautiful?");
//返回一个布尔值,点击确定返回true,点击取消返回false

图片展示:
这里写图片描述

用户多次点击取消,取消按钮消失,弹框中添加一个“关闭网页”按钮

3、prompt(option1[,option2])输入框

**用途:**用户可以在弹框输入字符串,点击确认后,弹窗会返回输入框内的字符串。

option1:数据类型是字符串;是弹框里的提示文字。
option2:数据类型是字符串;是弹框里输入框的value预留值,第二个参数为空时,弹框输入框中的值为空。

代码展示:

var Response1 = prompt("程序媛,你喜欢我吗?","喜欢");
console.log(Response1)//返回值是输入的字符串

var Response2 = prompt("浩瀚的代码世界欢迎您~,请留下您的足迹");
console.log(Response2)

图片展示:
这里写图片描述
这里写图片描述
自己学习时作为记录,如有错误感谢指出~~

  • 23
    点赞
  • 86
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值