简述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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
Jul 09 Javascript
javascript快速排序算法详解
Sep 17 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
浅析Javascript的自动分号插入(ASI)机制
Sep 29 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 Javascript
webpack4.0 入门实践教程
Oct 08 Javascript
如何手动实现es5中的bind方法详解
Dec 07 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 信息采集程序代码
2009/03/17 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
Javascript 检测、添加、移除样式(className)函数代码
2009/09/08 Javascript
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
javascript中typeof操作符和constucor属性检测
2015/02/26 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
使用原生js编写一个简单的框选功能方法
2019/05/13 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
利用pyshp包给shapefile文件添加字段的实例
2019/12/06 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
应届生法律求职信
2013/10/22 职场文书
后进生转化工作制度
2014/01/17 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
逃课检讨书怎么写
2015/01/01 职场文书
农村环境卫生倡议书
2015/04/29 职场文书
2016年十一促销广告语
2016/01/28 职场文书
话题作文之生命的旋律
2019/12/17 职场文书