浅谈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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
xml 与javascript结合的问题解决方法
Mar 24 Javascript
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
Aug 06 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
Jul 07 Javascript
Select2.js下拉框使用小结
Oct 24 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 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中去除所有js,html,css代码
2010/10/12 PHP
PHP实现异步调用方法研究与分享
2011/10/27 PHP
PHP 万年历实现代码
2012/10/18 PHP
php数组使用规则分析
2015/02/27 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
JavaScript限定复选框的选择个数示例代码
2013/08/25 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
angularjs请求数据的方法示例
2019/08/06 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾
2014/08/01 DOTA
python获取外网ip地址的方法总结
2015/07/02 Python
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
Python小进度条显示代码
2019/03/05 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
django下创建多个app并设置urls方法
2020/08/02 Python
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
安全的后院和健身蹦床:JumpSport
2019/07/15 全球购物
英国奢侈品牌时尚购物平台:Farfetch(支持中文)
2020/02/18 全球购物
药店主任岗位责任制
2014/02/10 职场文书
小学生元旦广播稿
2014/02/21 职场文书
生日寄语大全
2014/04/08 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
小学班主任个人总结
2015/03/03 职场文书
迎新晚会主持词开场白
2015/05/28 职场文书
运动会800米赞词
2015/07/22 职场文书
四群教育工作总结
2015/08/10 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
2016公务员年度考核评语
2015/12/01 职场文书