浅谈javascript alert和confirm的美化


Posted in Javascript onDecember 15, 2016

--前言--

window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观。我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果。

 --设计思路--

为了保留原有的alert和confirm方法,我们不直接替换window对象的alert和confirm,而是新建一个win对象,该对象下有alert、confirm、open、close等。win.alert等的对话框弹出层,使用iframe作底层,确保对话框在ie7以下版本时也能把select标签覆盖在底下,这些对话框在弹出之后,是不会阻塞脚本运行的,所以win.alert等函数都提供一个回调参数,在对话框关闭或选择之后触发这个回调参数,函数原型如下:

win.alert = function (title, message, closed) { ...} // alert
win.confirm = function (title, message, selected) {...} // confirm
win.open = function (width, height, title, url, closed) {...} // 弹出页面对话框

--成果展示--

浅谈javascript alert和confirm的美化

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript 入门·JavaScript 具有全范围的运算符
Oct 01 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
Jun 05 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
js实现仿京东2级菜单效果(带延时功能)
Aug 27 Javascript
javascript实现起伏的水波背景效果
May 16 Javascript
javascript匀速动画和缓冲动画详解
Oct 20 Javascript
深入浅析ES6 Class 中的 super 关键字
Oct 20 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 Javascript
JS ES6异步解决方案
Apr 29 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 #Javascript
原生JS实现图片轮播切换效果
Dec 15 #Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 #Javascript
利用vue写todolist单页应用
Dec 15 #Javascript
jquery插件bootstrapValidator表单验证详解
Dec 15 #Javascript
jQuery中的100个技巧汇总
Dec 15 #Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
Dec 14 #Javascript
You might like
如何修改yii2.0自带的user表为其它的表
2017/08/01 PHP
javascript 表单规则集合对象
2009/07/21 Javascript
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
JavaScript中的类继承
2010/11/25 Javascript
JQuery1.8 判断元素是否绑定事件的方法
2014/07/10 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
2014/07/18 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
jQuery动态操作表单示例【基于table表格】
2018/12/06 jQuery
elementUI select组件value值注意事项详解
2019/05/29 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
d3.js实现图形缩放平移
2019/12/19 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
[55:35]VGJ.S vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python中实现php的var_dump函数功能
2015/01/21 Python
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
浅谈python中的变量默认是什么类型
2016/09/11 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
详解python中list的使用
2019/03/15 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
Python定时器线程池原理详解
2020/02/26 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
StubHub西班牙:购买和出售全球活动门票
2017/06/05 全球购物
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
有关打架的检讨书
2014/01/25 职场文书
庆元旦文艺演出主持词
2014/03/27 职场文书
小学教师读书活动总结
2014/07/08 职场文书
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
2015年度党员个人总结
2015/02/14 职场文书
消防宣传标语大全
2015/08/03 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python