用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 相关文章推荐
CSS和Javascript简单复习资料
Jun 29 Javascript
js监听键盘事件示例代码
Jul 26 Javascript
禁用页面部分JavaScript方法的具体实现
Jul 31 Javascript
sails框架的学习指南
Dec 22 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
Nov 24 Javascript
javascript使用Promise对象实现异步编程
Mar 01 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
Jun 06 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
Jul 13 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
Vue SSR 即时编译技术的实现
May 06 Javascript
vue实现评价星星功能
Jun 30 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
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
关于js和php对url编码的处理方法
2014/03/04 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
jQuery验证Checkbox是否选中的代码 推荐
2011/09/04 Javascript
JS复制到剪贴板示例代码
2013/10/30 Javascript
Javascript学习指南
2014/12/01 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
纯JS前端实现分页代码
2016/06/21 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
web.js.字符串与正则表达式操作
2017/05/13 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
django+js+ajax实现刷新页面的方法
2017/05/22 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
python异常处理和日志处理方式
2019/12/24 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
pymysql 插入数据 转义处理方式
2020/03/02 Python
iKRIX意大利网上商店:男女豪华服装和配件
2019/10/09 全球购物
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
反邪教警示教育方案
2014/05/13 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
无房证明范本
2014/09/17 职场文书
委托培训协议书
2014/11/17 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang