简述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插件
Nov 19 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
JavaScript驾驭网页-CSS与DOM
Mar 24 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
vue实现移动端返回顶部
Oct 12 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
将RTF格式的文件转成HTML并在网页中显示的代码
2006/10/09 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
js限制input标签中只能输入中文
2015/06/26 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
使用原生js写ajax实例(推荐)
2017/05/31 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
ES6的循环与可迭代对象示例详解
2021/01/31 Javascript
[01:55]TI9显影之尘系列 - Evil Geniuses
2019/08/22 DOTA
Python之eval()函数危险性浅析
2014/07/03 Python
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
Python图像处理之图像的读取、显示与保存操作【测试可用】
2019/01/04 Python
python爬虫scrapy框架的梨视频案例解析
2021/02/20 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
2016/12/30 HTML / CSS
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
应届生体育教师自荐信
2013/10/03 职场文书
实习鉴定评语
2014/01/19 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书
辞职申请书范本
2019/05/20 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js