简述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下通过$.browser来判断浏览器.
Apr 05 Javascript
JavaScript版DateAdd和DateDiff函数代码
Mar 01 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
使用JQuery选择HTML遍历函数的方法
Sep 17 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
vue favicon设置以及动态修改favicon的方法
Dec 21 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
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
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
真正的ZIP文件操作类(php)
2007/07/21 PHP
用Php编写注册后Email激活验证的实例代码
2013/03/11 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
人脸识别测颜值、测脸龄、测相似度微信接口
2016/04/07 PHP
javascript function、指针及内置对象
2009/02/19 Javascript
js鼠标及对象坐标控制属性详细解析
2013/12/14 Javascript
JavaScript中的console.assert()函数介绍
2014/12/29 Javascript
JavaScript中的数值范围介绍
2014/12/29 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
javascript对HTML字符转义与反转义
2018/12/13 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
JavaScript实现简单日历效果
2020/09/11 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
python使用Plotly绘图工具绘制散点图、线形图
2019/04/02 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
基于python实现破解滑动验证码过程解析
2020/05/28 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
学生档案自我鉴定
2013/10/07 职场文书
教学实习自我评价
2014/01/28 职场文书
《猫》教学反思
2014/02/26 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
和解协议书
2014/04/16 职场文书
2014年优质护理服务工作总结
2014/11/14 职场文书
党课主持词大全
2015/06/30 职场文书
学困生转化工作总结
2015/08/13 职场文书
2016国培研修心得体会
2016/01/08 职场文书
nginx反向代理配置去除前缀案例教程
2021/07/26 Servers
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python
html,css,javascript是怎样变成页面的
2023/05/07 HTML / CSS