js的alert和confirm美化

浏览数：23 / 时间：2015年06月09日

--前言--

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) {...} // 弹出页面对话框

 

--成果展示--

技术分享

 

--相关下载--

 win.js和例子

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： log com 使用 src http it la 方法 sp log com 使用 src http it la 方法 sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢