用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 的dialog和ztree结合实现步骤
Aug 02 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 Javascript
js数组转json并在后台对其解析具体实现
Nov 20 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
Aug 22 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
Apr 27 Javascript
Vue+Element UI实现概要小弹窗的全过程
May 30 Vue.js
如何使用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
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
PHP 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php获取excel文件数据
2017/04/21 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
使用非html5实现js板连连看游戏示例代码
2013/09/22 Javascript
javascript:void(0)的作用示例介绍
2013/10/28 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
js实现文字滚动效果
2016/03/03 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
es7学习教程之Decorators(修饰器)详解
2017/07/21 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
2018/05/26 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
JQuery复选框全选效果如何实现
2020/05/08 jQuery
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
Whistles官网:英国女装品牌
2020/08/14 全球购物
Prototype如何更新局部页面
2013/03/03 面试题
兼职业务员岗位职责
2014/01/01 职场文书
诚信承诺书范文
2014/03/27 职场文书
护理实习生带教计划
2015/01/16 职场文书
2015年派出所民警工作总结
2015/04/24 职场文书
神秘岛读书笔记
2015/07/01 职场文书
入党申请书格式
2019/06/20 职场文书
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android