用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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
jquery 学习之二 属性(类)
Nov 25 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
JavaScript中的apply和call函数详解
Jul 20 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
uni-app使用countdown插件实现倒计时
Nov 01 Javascript
JavaScript 定时器详情
Nov 11 Javascript
JavaScript选择器函数querySelector和querySelectorAll
Nov 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实例分享之mysql数据备份
2014/05/19 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
Zend Framework+smarty用法实例详解
2016/03/19 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
7个Javascript地图脚本整理
2009/10/20 Javascript
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
jquery 经典动画菜单效果代码
2010/01/26 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
2016/01/14 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
2016/07/18 Javascript
AngularJS应用开发思维之依赖注入3
2016/08/19 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
python设计模式大全
2016/06/27 Python
Python并发编程协程(Coroutine)之Gevent详解
2017/12/27 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
使用Python更换外网IP的方法
2018/07/09 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
python3 使用traceback定位异常实例
2020/03/09 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
酒店管理专业学生求职信
2013/09/27 职场文书
高中生期末评语大全
2014/01/28 职场文书
白酒代理协议书范本
2014/10/26 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
python使用torch随机初始化参数
2022/03/22 Python