js三种弹窗介绍

简介: js三种弹窗介绍

1、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)

图片展示:


相关文章
|
3月前
|
机器学习/深度学习 JavaScript 前端开发
JavaScript 弹窗
JavaScript 弹窗
51 1
|
3月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
49 1
|
5月前
|
前端开发 JavaScript 开发者
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
本文提供了一个前端JS按钮点击事件、弹出式窗口和遮罩层的实战示例,包括HTML、CSS和JavaScript的具体实现代码,以及功能解析,演示了如何实现按钮点击后触发弹窗显示和遮罩层,并在2秒后自动关闭或点击遮罩层关闭弹窗的效果。
前端JS按钮点击事件、跳出弹窗、遮罩的实战示例
|
5月前
|
存储 JavaScript
js如何实现开屏弹窗
js如何实现开屏弹窗
22 0
|
7月前
|
JavaScript 前端开发
JavaScript弹窗事件
JavaScript弹窗事件
62 0
|
8月前
|
JavaScript 前端开发
js和css以及js制作弹窗
js和css以及js制作弹窗
56 1
|
8月前
|
JavaScript 前端开发
JavaScript 弹窗
JavaScript 弹窗
|
8月前
|
存储 JavaScript
|
8月前
|
缓存 JavaScript
js_单例模式制作无限弹窗(3s内销毁)
js_单例模式制作无限弹窗(3s内销毁)
59 0
|
8月前
|
JavaScript 前端开发
JavaScript中比较常见的几种弹窗
JavaScript中比较常见的几种弹窗
107 0