Java小强个人技术博客站点    手机版
当前位置: 首页 >> JS >> 定制js的alert和confirm

定制js的alert和confirm

5740 JS | 2021-5-18

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


效果:

uzzr1raal6.png


源码下载:

win.rar


END

推荐您阅读更多有关于“ 样式 定制 修改 alert confirm 美化 ”的文章

上一篇:Spring事物不生效的原因 下一篇:HTML压缩库HtmlCompressor

猜你喜欢

发表评论: