用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 相关文章推荐
jquery获取input的value问题说明
Aug 19 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
Jul 21 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
微信小程序实现折叠展开效果
Jul 19 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
layui实现tab的添加拒绝重复的方法
Sep 04 Javascript
Vue组件为什么data必须是一个函数
Jun 11 Javascript
js实现QQ邮箱邮件拖拽删除功能
Aug 27 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 之 写时复制介绍(Copy On Write)
2014/05/13 PHP
php单一接口的实现方法
2015/06/20 PHP
javascript模仿msgbox提示效果代码
2008/06/10 Javascript
JavaScript 判断浏览器类型及版本
2009/02/21 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
2013/09/06 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
Angularjs 与 bower安装和使用详解
2017/05/11 Javascript
无限循环轮播图之运动框架(原生JS实现)
2017/10/01 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
[43:24]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS Liquid
2018/03/30 DOTA
python+django+selenium搭建简易自动化测试
2020/08/19 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
日本面向世界,国际级的免税在线购物商城:DOKODEMO
2017/02/01 全球购物
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
基层干部十八大感言
2014/01/19 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
爱国演讲稿500字
2014/05/04 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
西安大雁塔导游词
2015/02/10 职场文书
入党积极分子群众意见
2015/06/01 职场文书
2016年综治和平安建设宣传月活动总结
2016/04/01 职场文书
Python基础之pandas数据合并
2021/04/27 Python
JavaScript 反射学习技巧
2021/10/16 Javascript
js 数组 fill() 填充方法
2021/11/02 Javascript
Redis高可用集群redis-cluster详解
2022/03/20 Redis
Springboot-cli 开发脚手架,权限认证,附demo演示
2022/04/28 Java/Android
Python OpenGL基本配置方式
2022/05/20 Python