浅谈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 相关文章推荐
js动态添加onload、onresize、onscroll事件(另类方法)
Dec 26 Javascript
JavaScript对象的property属性详解
Apr 01 Javascript
通过JS来动态的修改url,实现对url的增删查改
Sep 01 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
jquery中push()的用法(数组添加元素)
Nov 25 Javascript
JavaScript获取按钮所在form表单id的方法
Apr 02 Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
javascript数据类型中的一些小知识点(推荐)
Apr 18 Javascript
React实现动效弹窗组件
Jun 21 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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
jQuery Ajax 实例全解析
2011/04/20 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
详解angular笔记路由之angular-router
2017/09/12 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
2017/11/15 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
python使用分治法实现求解最大值的方法
2015/05/12 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
python3.4爬虫demo
2019/01/22 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
Python shutil模块用法实例分析
2019/10/02 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
python jenkins 打包构建代码的示例代码
2019/11/29 Python
Python常用库大全及简要说明
2020/01/17 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
蔻驰法国官网:COACH法国
2018/11/14 全球购物
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
如何用JQuery进行表单验证
2013/05/29 面试题
新员工入职感言
2014/02/01 职场文书
社区工作者感言
2014/03/02 职场文书
人事科岗位职责范本
2014/03/02 职场文书
网吧消防安全责任书
2014/07/29 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
委托公证书样本
2015/01/23 职场文书
心理学培训心得体会
2016/01/22 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
聊聊pytorch测试的时候为何要加上model.eval()
2021/05/23 Python