简述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 相关文章推荐
js修改input的type属性问题探讨
Oct 12 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
js实现点击图片改变页面背景图的方法
Feb 28 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
Google 地图获取API Key详细教程
Aug 06 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
详解动画插件wow.js的使用方法
Sep 13 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
May 28 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 Javascript
Vue实现跑马灯样式文字横向滚动
Nov 23 Vue.js
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导航下拉菜单的实现如此简单
2013/09/22 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
PHP 9 大缓存技术总结
2015/09/17 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
Prototype Number对象 学习
2009/07/19 Javascript
Firebug入门指南(Firefox浏览器)
2010/08/21 Javascript
URL地址中的#符号使用说明
2011/02/12 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
2015/09/14 Javascript
JavaScript获取IP获取的是IPV6 如何校验
2016/06/12 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
JS实现加载和读取XML文件的方法详解
2017/04/24 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
Python天气预报采集器实现代码(网页爬虫)
2012/10/07 Python
python制作企业邮箱的爆破脚本
2016/10/05 Python
Python中enumerate函数代码解析
2017/10/31 Python
Python中常用的内置方法
2019/01/28 Python
python opencv实现图像边缘检测
2019/04/29 Python
Django之路由层的实现
2019/09/09 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
Django 设置多环境配置文件载入问题
2020/02/25 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
Python3如何使用range函数替代xrange函数
2020/10/05 Python
详解python的super()的作用和原理
2020/10/29 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
销售助理岗位职责
2014/02/21 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
高一学年自我鉴定范文(3篇)
2014/09/26 职场文书
故意伤害辩护词
2015/05/21 职场文书
小学家长意见怎么写
2015/06/03 职场文书
Go语言使用select{}阻塞main函数介绍
2021/04/25 Golang
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技