简述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 相关文章推荐
Mootools 1.2教程 排序类和方法简介
Sep 15 Javascript
jQuery each()小议
Mar 18 Javascript
悄悄用脚本检查你访问过哪些网站的代码
Dec 04 Javascript
javascript的函数、创建对象、封装、属性和方法、继承
Mar 10 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
js获取客户端操作系统类型的方法【测试可用】
May 27 Javascript
详解vue-router 初始化时做了什么
Jun 11 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
移动端图片上传旋转、压缩问题的方法
Oct 16 Javascript
js笔试题-接收get请求参数
Jun 15 Javascript
js实现for循环跳过undefined值示例
Jul 02 Javascript
前端开发基础javaScript的六大作用
Aug 06 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
大师制作的中短波矿石收音机
2020/04/02 无线电
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
PHP7 mongoDB扩展使用的方法分享
2019/05/02 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
在网页中屏蔽快捷键
2006/09/06 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
javascript cookie的简单应用
2016/02/24 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
2018/12/25 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
生产制造追溯系统之再说条码打印
2019/06/03 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
[01:20:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第四场 8.26
2018/08/30 DOTA
python中的函数用法入门教程
2014/09/02 Python
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
virtualenv 指定 python 解释器的版本方法
2018/10/25 Python
Python中最大递归深度值的探讨
2019/03/05 Python
Python3中列表list合并的四种方法
2019/04/19 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
探秘TensorFlow 和 NumPy 的 Broadcasting 机制
2020/03/13 Python
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
佳能法国商店:Canon法国
2019/02/14 全球购物
小学防溺水制度
2014/01/29 职场文书
会计人员岗位职责
2014/03/19 职场文书
初中班主任经验交流材料
2014/05/16 职场文书
出国留学英文自荐信
2015/03/25 职场文书
观看《信仰》心得体会
2016/01/15 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers
Java版 简易五子棋小游戏
2022/05/04 Java/Android