浅谈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 相关文章推荐
jquery lazyload延迟加载技术的实现原理分析
Jan 24 Javascript
js中巧用cssText属性批量操作样式
Mar 13 Javascript
js动态为代码着色显示行号
May 29 Javascript
JavaScript及jquey实现多个数组的合并操作
Sep 06 Javascript
浅析javascript 定时器
Dec 23 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 Javascript
js实现精美的银灰色竖排折叠菜单
May 16 Javascript
babel基本使用详解
Feb 17 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
JavaScript显式数据类型转换详解
Mar 18 Javascript
JavaScript图像放大镜效果实现方法详解
Jun 28 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
PHP+MYSQL 出现乱码的解决方法
2008/08/08 PHP
PHP 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
php数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
php的hash算法介绍
2014/02/13 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
jQuery源码分析之Event事件分析
2010/06/07 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
2013/03/26 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
2017/07/22 jQuery
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
Python设计模式之观察者模式简单示例
2018/01/10 Python
[机器视觉]使用python自动识别验证码详解
2019/05/16 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
python统计mysql数据量变化并调用接口告警的示例代码
2020/09/21 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
W Concept美国:精选全球独立设计师
2017/02/22 全球购物
Exception类的常用方法
2012/06/16 面试题
文员自我评价怎么写
2013/09/19 职场文书
文秘专业应届生求职信范文
2013/11/14 职场文书
大学本科毕业生求职信范文
2013/12/18 职场文书
民主生活会汇报材料
2014/12/15 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
小学开学典礼新闻稿
2015/07/17 职场文书
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
新手初学Java List 接口
2021/07/07 Java/Android
CSS 鼠标选中文字后改变背景色的实现代码
2023/05/21 HTML / CSS