简述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 相关文章推荐
用js判断浏览器是否是IE的比较好的办法
May 08 Javascript
Javascript document.referrer判断访客来源网址
May 15 Javascript
基于javascript的JSON格式页面展示美化方法
Jul 02 Javascript
仿百度联盟对联广告实现代码
Aug 30 Javascript
javascript实现捕捉键盘上按下的键
May 05 Javascript
AngularJS 单元测试(二)详解
Sep 21 Javascript
微信小程序开发教程-手势解锁实例
Jan 06 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
详解使用angular框架离线你的应用(pwa指南)
Jan 31 Javascript
vuex中store存储store.commit和store.dispatch的用法
Jul 24 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
Dec 10 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
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
php cli 方式 在crotab中运行解决
2010/02/08 PHP
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
Netbeans 8.2将支持PHP7 更精彩
2016/06/13 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
修复ie8&chrome下window的resize事件多次执行
2011/10/20 Javascript
iframe跨域通信封装详解
2015/08/11 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
bootstrap 设置checkbox部分选中效果
2017/04/20 Javascript
node使用promise替代回调函数
2018/05/07 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
pyramid配置session的方法教程
2013/11/27 Python
详解Python的Django框架中的中间件
2015/07/24 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
Python实现DDos攻击实例详解
2019/02/02 Python
Python 3.8正式发布重要新功能一览
2019/10/17 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
python矩阵运算,转置,逆运算,共轭矩阵实例
2020/05/11 Python
如何使用Cython对python代码进行加密
2020/07/08 Python
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
写给老师的表扬信
2014/01/21 职场文书
赡养老人协议书
2014/04/21 职场文书
销售个人求职信范文
2014/04/28 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
小学中队长竞选稿
2015/11/20 职场文书