简述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函数
Dec 22 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
Aug 30 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
May 24 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
Jan 19 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
js实现本地图片文件拖拽效果
Jul 18 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 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
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
2016/12/29 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
2019/06/17 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
Python模拟登陆实现代码
2017/06/14 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
简单了解django缓存方式及配置
2019/07/19 Python
python日志模块logbook使用方法
2019/09/19 Python
python利用opencv实现SIFT特征提取与匹配
2020/03/05 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
Electric官网:美国高级眼镜和配件品牌
2020/06/04 全球购物
高中自我鉴定范文
2013/11/03 职场文书
计算机系统管理员求职信
2014/06/20 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
会议主持词开场白
2015/05/28 职场文书
员工规章制度范本
2015/08/07 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
高二英语教学反思
2016/03/03 职场文书