用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 textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
JS请求servlet功能示例
Jun 01 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
推荐10款扩展Web表单的JS插件
Dec 25 Javascript
如何在js代码中消灭for循环实例详解
Jul 29 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 07 Javascript
使用Vant完成Dialog弹框案例
Nov 11 Javascript
JavaScript实现简单的音乐播放器
Aug 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+mysql事务rollback&amp;commit示例
2010/02/08 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
Laravel推荐使用的十个辅助函数
2019/05/10 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
初窥JQuery-Jquery简介 入门了解篇
2010/11/25 Javascript
Javascript执行效率全面总结
2013/11/04 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
JavaScript实现拖拽网页内元素的方法
2015/04/15 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
AngularJS extend用法详解及实例代码
2016/11/15 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
python3+selenium实现qq邮箱登陆并发送邮件功能
2019/01/23 Python
python使用matplotlib画柱状图、散点图
2019/03/18 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
Python 从attribute到property详解
2020/03/05 Python
Python使用itcaht库实现微信自动收发消息功能
2020/07/13 Python
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
土木工程毕业生推荐信
2013/10/28 职场文书
大学军训感言300字
2014/03/09 职场文书
高校教师个人总结
2015/02/10 职场文书
初中教师德育工作总结2015
2015/05/12 职场文书
火烧圆明园观后感
2015/06/03 职场文书
婚礼嘉宾致辞
2015/07/28 职场文书
《落花生》教学反思
2016/02/16 职场文书
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python
python非标准时间的转换
2021/07/25 Python