转载:http://www.cnblogs.com/kewei/p/4423112.html

--前言--

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和例子

转载于:https://www.cnblogs.com/51net/p/4899454.html

js的alert和confirm美化相关推荐

  1. WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt

    主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...

  2. js原生alert弹框美化

    1.说明 通过自定义方式美化弹框,使用alert弹框错误提示 2.示例 html代码片段: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...

  3. jquery.alerts.js模拟js的alert,confirm的插件

    为什么80%的码农都做不了架构师?>>>    在http://www.aceona.com/网站发现的模拟alert confirm的插件. http://labs.abeauti ...

  4. ios webview html交互 卡死,iOS 之webview 的js交互(alert、confirm、prompt)弹窗造成界面卡死...

    概述:当iOS客户端中webView 与js交互,在主线程执行js脚本时,而js脚本存在alert().confirm().prompt()这三种弹窗时会造成iOS界面卡死. 1.造成卡死时的代码如下 ...

  5. js中的弹窗alert、confirm和prompt

    转载:http://blog.csdn.net/cui_angel/article/details/7784211 alert() 弹出个提示框 (确定) confirm() 弹出个确认框 (确定,取 ...

  6. JS的三种弹出提示框(alert、confirm、prompt)

    三种弹出提示框 1.alert() 2.confirm() 3.prompt() 1.alert() 方法会弹出一个警告框,只有确定按钮 alert('这是个警告框') 2.comfim() 会弹出一 ...

  7. js弹窗的3种方式:alert、confirm、prompt

    先上代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  8. jquery自定义对话框alert、confirm和prompt

    jQuery Alert Dialogs,又一个基于jQuery的提示框插件,主要包括Alert.Confirm.prompt这三种,还有一个高级范例,可以在提示框内嵌入HTML语言,可以自定义风格样 ...

  9. 基于Selenium2+Java的UI自动化(6)-操作Alert、confirm、prompt弹出框

    alert.confirm.prompt这样的js对话框在selenium1 时代处理起来比价麻烦,常常要用autoit来帮助处理. 而现在webdriver对这些弹出框做了专门的处理,使用selen ...

最新文章

  1. MySQL存储过程详解
  2. 限制php输出图像的固定,限制要显示的图像数php
  3. LAMP架构之编译安装httpd+(php-fpm)+mariadb
  4. mybatis查询时间段sql语句
  5. 解决Mono for android的xml编辑器无法代码完成的问题
  6. [有限元] Ansys Workbench 在对称问题中使用 Symmetry Region
  7. spring的事务回滚机制,事务原理
  8. java用正则表达式 编写简单词法分析器_500+ 精选 Java 面试题大放送
  9. 如何计算列表项的出现?
  10. Linux编程训练网站,OK6410汇编程序练习
  11. RPC和Message Passing比较
  12. matlab 谐振电路图,rlc串联电路谐振特性图分享
  13. 实数系的基本定理_初中数学:重点公式定理集合,中学生应该看一看
  14. 蓝桥杯2018年真题(4)动态规划摔手机
  15. 用onetab插件管理chrome的tab页,解决.crx安装时显示invalid的问题
  16. 无法将win10配置在此计算机硬件上运行,WIN10系统备份 提示:无法将系统映像保存在计算机从中启动或安装WIDOWS的驱动器上...
  17. 2021年6月PMP考试紧急缓考怎么办理?
  18. 某银行大数据体系架构设计与演进
  19. @JsonFormat将时间字符串2021-02-25T15:32:54+08:00解析成date
  20. Vbox虚拟机开机自启动配置

热门文章

  1. C.One Piece
  2. IDEA控制台问题:At least one JAR was scanned for TLDs yet contained no TLD
  3. struts中获取多选按钮html:checkbox的值
  4. 使用nginx搭建流媒体直播平台(该方式不适用与多人聊天)
  5. javascript的阻止默认事件和阻止冒泡事件
  6. VB.NET中图像处理的一些技巧以及其和C#图像处理的差距。
  7. JavaScript汉字Unicode编码相互转换
  8. 元组的创建、元组的特性(索引、切片、重复、连接、成员操作符、迭代)
  9. python求数组标准差
  10. 图神经网络的可解释性