浅谈javascript alert和confirm的美化
更新时间：2016年12月15日 09:32:47 作者：徐世康
window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同，有个相同点是都不是很美观。本文对此解决方法进行介绍：使用js和css分别仿照它们，提供另一套函数，使在不同浏览器的有着相同的体验效果。下面就跟小编一起来看下吧
--前言--
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) {...} // 弹出页面对话框
--成果展示--
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要给大家介绍了关于js获取当前年月日的相关资料,JavaScript内置的Date对象是获取当前日期最常用的工具之一,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-12-12
下面小编就为大家带来一篇js判断所有表单项不为空则提交表单的实现方法。小编觉得挺不错的， 现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
hasOwnProperty()和isPrototypeOf()这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty()和Object.prototype.isPropertyOf()，下面给大家介绍这两个属性的方法和使用，一起看下吧2016-08-08
中国这么大，要在一张小小地图上画上中国，那么就需要按一定的比例缩小。D3 可视化画图，也是如此。本文就来和大家聊聊D3中的比例尺的绘制与使用，感兴趣的可以学习一下2022-11-11
这篇文章主要介绍了SWFObject基本用法,实例分析了SWFObject操作Flash文件的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
今天小编就为大家分享一篇layer弹出层扩展主题的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最近羊了个羊火的不得了，这篇文章主要为大家介绍了如何利用JS实现个网页版羊了个羊游戏，有需要的朋友可以借鉴参考下，希望能够有所帮助2022-09-09
这篇文章主要介绍了浅谈目前可以使用ES10的5个新特性，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-06-06
这篇文章主要介绍了JavaScript将数据转换成整数的方法，有需要的朋友可以参考一下2014-01-01
uniapp微信小程序底部动态tabBar的解决方案(自定义tabBar导航)
tabBar如果应用是一个多tab应用,可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页,下面这篇文章主要给大家介绍了关于uniapp微信小程序底部动态tabBar的解决方案,需要的朋友可以参考下2022-04-04
最新评论