源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

浅谈javascript alert和confirm的美化

  • 时间:2020-06-04 19:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:浅谈javascript alert和confirm的美化
[b]--前言--[/b] window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观。我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果。 [b] --设计思路--[/b] 为了保留原有的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) {...} // 弹出页面对话框
[b]--成果展示--[/b] [img]http://files.jb51.net/file_images/article/201612/2016121592956806.png?2016111593021[/img] 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部