简述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 复制数组实现代码
Nov 26 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
jquery mobile changepage的三种传参方法介绍
Sep 13 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
探究Javascript模板引擎mustache.js使用方法
Jan 26 Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
小程序实现悬浮搜索框
Jul 12 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
mayfish 数据入库验证代码
2010/04/30 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
ThinkPHP的常用配置选项汇总
2016/03/24 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
JS JSON对象转为字符串的简单实现方法
2013/11/18 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
2013/11/25 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
2016/01/26 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
python对视频画框标记后保存的方法
2018/12/07 Python
Django如何将URL映射到视图
2019/07/29 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
Python3列表List入门知识附实例
2020/02/09 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
解决django FileFIELD的编码问题
2020/03/30 Python
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
教师四风自我剖析材料
2014/09/30 职场文书
公务员群众路线心得体会
2014/11/03 职场文书
2014年精神文明建设工作总结
2014/11/19 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
2015年计划生育协会工作总结
2015/05/13 职场文书
淡雅古典唯美少女娇媚宁静迷人写真
2022/03/21 杂记