用Jquery重写windows.alert方法实现思路


Posted in Javascript onApril 03, 2013

已经在 IE8 , firefox3.0.11下面测试通过

$.extend({ 
includePath: '', 
include: function(file) 
{ 
var files = typeof file == "string" ? [file] : file; 
for (var i = 0; i < files.length; i++) 
{ 
var name = files[i].replace(/^\s|\s$/g, ""); 
var att = name.split('.'); 
var ext = att[att.length - 1].toLowerCase(); 
var isCSS = ext == "css"; 
var tag = isCSS ? "link" : "script"; 
var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; 
var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"; 
if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">"); 
} 
} 
}); 
$.include(['script/jquery.divbox.js','/css/pop_win.css']); 
$(document).ready(function() 
{ 
var IsFirstAlert = true; 
var alertQueue = []; 
window.alert = showAlert; 
var divalert = ""; 
divalert += "<div style=\"width:380px; height:180px; overflow:hidden;display:none\" id=\"divAlert\">"; 
divalert += " <div class=\"win_c\">"; 
divalert += " <div class=\"win_t\" id=\"\">"; 
divalert += " <div class=\"mail_timg\" ><h3>TITLE<\/h3><\/div>"; 
divalert += " <div class=\"clear\"><\/div>"; 
divalert += " <\/div>"; 
divalert += " <div class=\"alrt2\" style=\"text-align:center\">"; 
divalert += " <span id=\"spaAlertMessage\" class=\"f14 ifont\"><\/span><br \/>"; 
divalert += " <div class=\"clear\"><\/div>"; 
divalert += " <\/div>"; 
divalert += " <p class=\"Acenter\"><input id='alertClose' type=\"button\" value=\"确定\" class=\"btn7\" \/>    <input type=\"reset\" value=\"取消\" style=\"display:none\" class=\"btn8\" \/><br \/><br \/><\/p>"; 
divalert += " <p> <\/p>"; 
divalert += " <\/div>"; 
divalert += " "; 
divalert += "<\/div>"; 
$("body").append(divalert); 
function showAlert(info) 
{ 
alertQueue.push(info); 
if (IsFirstAlert) 
{ 
IsFirstAlert = false; 
OpenAlert(); 
} 
} 
$("#alertClose").click(function() 
{ 
$('#divAlert').CloseDiv() 
if (alertQueue.length > 0) 
{ 
setTimeout(OpenAlert, 150); 
} 
}); 
function OpenAlert() 
{ 
$("#spaAlertMessage").html(alertQueue[0]); 
alertQueue.splice(0, 1); 
$("#divAlert").OpenDiv(); 
} 
});

注:以上引用js与CSS的jquery插件
Javascript 相关文章推荐
javascript (用setTimeout而非setInterval)
Dec 28 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
Vue2实现组件props双向绑定
Dec 02 Javascript
纯JS实现简单的日历
Jun 26 Javascript
Vue项目安装插件并保存
Jan 28 Javascript
利用layer实现表单完美验证的方法
Sep 26 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 23 Javascript
iview实现图片上传功能
Jun 29 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 Javascript
JS+CSS实现动态时钟
Feb 19 Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 #Javascript
关于js注册事件的常用方法
Apr 03 #Javascript
JavaScript栏目列表隐藏/显示简单实现
Apr 03 #Javascript
JS模板实现方法
Apr 03 #Javascript
JS实现标签页效果(配合css)
Apr 03 #Javascript
JS实现下拉框的动态添加(附效果)
Apr 03 #Javascript
js去字符串前后空格5种实现方法及比较
Apr 03 #Javascript
You might like
Php+SqlServer实现分页显示
2006/10/09 PHP
Smarty模板快速入门
2007/01/04 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
[原创]php常用字符串输出方法分析(echo,print,printf及sprintf)
2016/07/09 PHP
Thinkphp5 自定义上传文件名的实现方法
2019/07/23 PHP
Nigma vs Alliance BO5 第五场2.14
2021/03/10 DOTA
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
jQuery筛选器children()案例详解(图文)
2013/02/17 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
Python实现Linux中的du命令
2017/06/12 Python
python 魔法函数实例及解析
2019/09/25 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
创意爱尔兰礼物:Creative Irish Gifts
2020/01/29 全球购物
英国网上超市:Ocado
2020/03/05 全球购物
石油大学毕业生自荐信
2014/01/28 职场文书
如何写自我鉴定
2014/03/19 职场文书
推普周活动总结
2014/08/28 职场文书
企业法人授权委托书范本
2014/09/23 职场文书
2014全年工作总结
2014/11/27 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers