简述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 相关文章推荐
网页上的Javascript编辑器和代码格式化
Apr 25 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
js验证整数加保留小数点的简单实例
Dec 02 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
浅谈Javascript Base64 加密解密
Dec 28 Javascript
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
js实现网页抽奖实例
Aug 05 Javascript
jQuery实现简单下拉导航效果
Sep 07 Javascript
深入理解jquery跨域请求方法
May 18 Javascript
Node.js中使用jQuery的做法
Aug 17 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
js实现随机点名器精简版
Jun 29 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和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
Yii CDBCriteria常用方法实例小结
2017/01/19 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
LazyLoad 延迟加载(按需加载)
2010/05/31 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
js中匿名函数的N种写法
2010/09/08 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
使用js画图之画切线
2015/01/12 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
JavaScript动态绑定详解
2017/09/14 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
Python 正则表达式实现计算器功能
2017/04/29 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
手把手教你安装Windows版本的Tensorflow
2020/03/26 Python
详解Python 函数参数的拆解
2020/09/02 Python
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
大学生毕业自荐信
2013/10/10 职场文书
德语专业求职信
2014/03/12 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
高中同学会活动方案
2014/08/14 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
收费员岗位职责
2015/02/14 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
学校捐书活动总结
2015/05/08 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
高考满分作文赏析(2篇)
2019/08/12 职场文书
创业计划书之书店
2019/09/10 职场文书
SSM VUE Axios详解
2021/10/05 Vue.js