简述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 相关文章推荐
JQuery团队打造的javascript单元测试工具QUnit介绍
Feb 26 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 Javascript
Javascript基础教程之while语句
Jan 18 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
Apr 24 Javascript
JavaScript阻止回车提交表单的方法
Dec 30 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
JS实现随机点名器
Apr 12 Javascript
Antd中单个DatePicker限定时间输入范围操作
Oct 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 高手之路(三)
2006/10/09 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
PHP多维数组转一维数组的简单实现方法
2015/12/23 PHP
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
2015/11/17 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
寻找网站后台地址的python脚本
2014/09/01 Python
pymongo实现多结果进行多列排序的方法
2015/05/16 Python
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
python2 与python3的print区别小结
2018/01/16 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
python3实现语音转文字(语音识别)和文字转语音(语音合成)
2020/10/14 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
社区工作者先进事迹
2014/01/18 职场文书
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS
基于tensorflow权重文件的解读
2021/05/26 Python
解析python中的jsonpath 提取器
2022/01/18 Python