js三种弹窗介绍
2022/6/15 23:21:13
本文主要是介绍js三种弹窗介绍,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
js三种弹窗介绍
三种弹框在系统中都是同步执行的,也就是说,三种弹框中的任一弹框弹出,代码都不在执行,直到点击确认或取消,关闭弹窗后,代码继续执行。
1、alert()提示框
用途:一般用于提示信息或者警告信息的展示。
代码展示:
alert(111)
图片展示:
2、confirm(option)‘确认’或‘取消’消息框
用途:用户点击“确定”或“取消”按钮时,弹窗会返回一个布尔值。确认返回true,取消返回false,由此可以判断用户的操作。
- option:数据类型是字符串;是弹窗的提示文字
代码展示:
var a=confirm("111")
图片展示:
用户多次点击取消,取消按钮消失,弹框中添加一个“关闭网页”按钮
3、prompt(option1[,option2])输入框
用途:用户可以在弹框输入字符串,点击确认后,弹窗会返回输入框内的字符串。
- option1:数据类型是字符串;是弹框里的提示文字。
- option2:数据类型是字符串,是弹框里输入框的value预留值,第二个参数为空时,弹框输入框中的值为空。
代码展示:
var a=prompt('1+1等于',"2") console.log(a) var b=prompt("2+2") console.log(b)
图片展示:
这篇关于js三种弹窗介绍的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程