简述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入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
JS event使用方法详解
Apr 28 Javascript
jQuery之折叠面板的深入解析
Jun 19 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
Node.js中HTTP模块与事件模块详解
Nov 14 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
Apr 22 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
Apr 25 Javascript
微信小程序结合Storage实现搜索历史效果
May 18 Javascript
js实现页面图片消除效果
Mar 24 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
mysql_fetch_assoc和mysql_fetch_row的功能加起来就是mysql_fetch_array
2007/01/15 PHP
用PHP实现Ftp用户的在线管理的代码
2007/03/06 PHP
PHP页面间传递参数实例代码
2008/06/05 PHP
php 字符转义 注意事项
2009/05/27 PHP
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
2013/01/23 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
javascript学习笔记--数字格式类型
2014/05/22 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
jQuery插件zTree实现获取一级节点数据的方法
2017/03/08 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
详解如何使用微信小程序云函数发送短信验证码
2019/03/13 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python字符串替换实例分析
2015/05/11 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
Python3使用turtle绘制超立方体图形示例
2018/06/19 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
必须要使用游标的SQL语句有那些
2012/05/07 面试题
岗位竞聘演讲稿
2014/01/10 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
支部组织生活会方案
2014/06/10 职场文书
县政府办公室领导班子个人对照检查材料
2014/09/16 职场文书
检讨书范文300字
2015/01/28 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
2016中秋节广告语
2016/01/28 职场文书
申论不会写怎么办?教您掌握这6点思维和原则
2019/07/17 职场文书
html中两种获取标签内的值的方法
2022/06/16 jQuery