用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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
JS 事件绑定函数代码
Apr 28 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 Javascript
JavaScript判断textarea值是否为空并给出相应提示
Sep 04 Javascript
JavaScript异步加载浅析
Dec 28 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
浅谈ng-zorro使用心得
Dec 03 Javascript
vue+element表格导出为Excel文件
Sep 26 Javascript
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
详解vue 中 scoped 样式作用域的规则
Sep 14 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中的phpinfo()函数
2013/06/06 PHP
PHP使用Pear发送邮件(Windows环境)
2016/01/05 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
JS 控制非法字符的输入代码
2009/12/04 Javascript
利用json获取字符出现次数的代码
2012/03/22 Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
2012/05/23 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
2013/07/22 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
python分析nignx访问日志脚本分享
2015/02/26 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
Django对models里的objects的使用详解
2019/08/17 Python
python初步实现word2vec操作
2020/06/09 Python
Python 如何实现数据库表结构同步
2020/09/29 Python
python爬虫工具例举说明
2020/11/30 Python
医学毕业生自我鉴定
2013/10/30 职场文书
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
四年级语文教学反思
2014/02/05 职场文书
演讲稿祖国在我心中
2014/05/04 职场文书
青年安全生产示范岗事迹材料
2014/05/04 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
个人年终总结怎么写
2015/03/09 职场文书
2015年读书月活动总结
2015/03/26 职场文书
单位介绍信格式范文
2015/05/04 职场文书
2015年银行个人工作总结
2015/05/14 职场文书
投诉书范文
2015/07/02 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
优秀志愿者感言
2015/08/01 职场文书
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS