简述JS浏览器的三种弹窗


Posted in Javascript onJuly 15, 2018

1.alert:使用alert弹框提示信息,最后都会被转化为字符串输出(因为调用了toString这个方法)。比如alert(1+1)弹出的结果应该是字符串形式的“2”。

2.Confirm:在alert基础上增加了让用户选择性的操作(提供两个按钮:确定和取消)

比如:var  delin = confirm(‘你确定要删除吗?');

这一句,当用户点击确定按钮的时候,我们接受到的结果是true,点击的是取消按钮的时候,我们接受到的结果是false,此后我们可以根据不同的结果做不同的处理即可。

3.Prompt:在confirm的基础上增加让用户输入的效果

比如var flag = prompt(‘请输入你想反馈的意见:');

当用户点击取消按钮,我们获取到的结果是null;如果用户点击确定按钮,我们获取到的是用户输入的内容。(如果用户没有输入任何内容,获取到的的结果是空字符串)

//但是真实的项目中,尤其是需要样式精美的网站中,我们的提示框一般都是自己封装插件和组件来实现,不会使用内置的这些方法(要使用原生JS封装模态框组件)

总结

以上所述是小编给大家介绍的JS浏览器的三种弹框,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
解密效果
Jun 23 Javascript
JavaScript入门教程(1) 什么是JS
Jan 31 Javascript
jquery中event对象属性与方法小结
Dec 18 Javascript
js实现照片墙功能实例
Feb 05 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
js实现炫酷的左右轮播图
Jan 18 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
Sep 03 Javascript
一个因@click.stop引发的bug的解决
Jan 08 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
Node.js API详解之 dgram模块用法实例分析
Jun 05 Javascript
Javascript之datagrid查询详解
Sep 15 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 #Javascript
js+SVG实现动态时钟效果
Jul 14 #Javascript
vue实现通讯录功能
Jul 14 #Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 #Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
Apr 21 #Javascript
微信小程序实现自上而下字幕滚动
Jul 14 #Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 #Javascript
You might like
php配置php-fpm启动参数及配置详解
2013/11/04 PHP
CI使用Tank Auth转移数据库导致密码用户错误的解决办法
2014/06/12 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
php-msf源码详解
2017/12/25 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
javascript跨域方法、原理以及出现问题解决方法(详解)
2015/08/06 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
2016/10/29 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
微信网页授权并获取用户信息的方法
2018/07/30 Javascript
Vue异步组件处理路由组件加载状态的解决方案
2018/09/07 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
javascript实现日历效果
2019/06/17 Javascript
js数组的基本使用总结
2021/01/18 Javascript
Python 用户登录验证的小例子
2013/03/06 Python
深入解析Python中的urllib2模块
2015/11/13 Python
python实现网站的模拟登录
2016/01/04 Python
Python实现解析Bit Torrent种子文件内容的方法
2017/08/29 Python
Python学习之Anaconda的使用与配置方法
2018/01/04 Python
详解Python静态网页爬取获取高清壁纸
2019/04/23 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
员工自我鉴定
2013/10/09 职场文书
物流仓储计划书
2014/01/10 职场文书
团代会邀请函
2015/02/02 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
浅谈Golang 切片(slice)扩容机制的原理
2021/06/09 Golang
MySQL系列之十 MySQL事务隔离实现并发控制
2021/07/02 MySQL
关于CentOS 8 搭建MongoDB4.4分片集群的问题
2021/10/24 MongoDB