简述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 相关文章推荐
12个非常有创意的JavaScript小游戏
Mar 18 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
用js实现in_array的方法
Nov 05 Javascript
express的中间件cookieParser详解
Dec 04 Javascript
jQuery判断一个元素是否可见的方法
Jun 05 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
Bootstrap php制作动态分页标签
Dec 23 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
Oct 26 Javascript
详解滑动穿透(锁body)终极探索
Apr 16 Javascript
手写Vue弹窗Modal的实现代码
Sep 11 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
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
php中使用redis队列操作实例代码
2013/02/07 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
JavaScript 空位补零实现代码
2010/02/26 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
2014/02/21 Javascript
jQuery中appendTo()方法用法实例
2015/01/08 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
关于redux-saga中take使用方法详解
2018/02/27 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
swiper自定义分页器的样式
2020/09/14 Javascript
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
八年级语文教学反思
2014/02/11 职场文书
2014年文员工作总结
2014/11/18 职场文书
2015年度房地产工作总结
2015/04/09 职场文书
检察院起诉书
2015/05/20 职场文书
2016公司年会主持词
2015/07/01 职场文书
中学图书馆工作总结
2015/08/11 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
MYSQL如何查看操作日志详解
2022/05/30 MySQL