js的alert和confirm美化

简介: 转载:http://www.cnblogs.com/kewei/p/4423112.html --前言-- window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观。

转载: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和例子

目录
相关文章
|
JavaScript
JS利用alert和prompt实现基本的输入输出用户名
JS利用alert和prompt实现基本的输入输出用户名
122 0
|
JavaScript 前端开发
JavaScript学习笔记(四),js中的location地址跳转,confirm确认验证、setInterval定时器的使用
JavaScript学习笔记(四),js中的location地址跳转,confirm确认验证、setInterval定时器的使用
211 0
JavaScript学习笔记(四),js中的location地址跳转,confirm确认验证、setInterval定时器的使用
|
JavaScript 前端开发
JavaScript 浏览器交互:alert、prompt 和 confirm
JavaScript 浏览器交互:alert、prompt 和 confirm
390 0
JavaScript 浏览器交互:alert、prompt 和 confirm
|
JavaScript 前端开发
JavaScript的三种弹出提示框(alert、confirm、prompt)
JavaScript的三种弹出提示框(alert、confirm、prompt)
JavaScript的三种弹出提示框(alert、confirm、prompt)
|
Web App开发 JavaScript 前端开发