js三种弹窗介绍

作者:admin 2021-03-15 浏览:1657
导读: alert,confirm,prompt三种弹窗介绍三种弹框在系统中都是同步执行的,也就是说,三种弹框中的任一弹框弹出,代码都不在执行,直到点击确认或取消,关闭弹窗后,代码继续执行。1、alert()提示框**用途:**一般用于提示信息或者警告信息的展示。代码展示:alert("给程序媛请...

alert,confirm,prompt三种弹窗介绍

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


1、alert()提示框

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


代码展示:


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

1

图片展示:



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)

图片展示:

这里写图片描述

这里写图片描述

转载请注明出处:admin,如有疑问,请联系(47379717)。
本文地址:http://ohoyoo.com/view/555.html

相关文章

添加回复:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。