用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 相关文章推荐
JSQL  一个 web DB 的封装
May 05 Javascript
IE6下CSS图片缓存问题解决方法
Dec 09 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
layui table复选框禁止某几条勾选的实例
Sep 20 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
Feb 28 Javascript
js实现简单五子棋游戏
May 28 Javascript
JS数组reduce()方法原理及使用技巧解析
Jul 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
文章推荐系统(三)
2006/10/09 PHP
php array_slice函数的使用以及参数详解
2008/08/30 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)
2016/11/21 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
jQuery 加上最后自己的验证
2009/11/04 Javascript
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
2019/09/24 Javascript
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
antd table按表格里的日期去排序操作
2020/11/17 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
Python字典取键、值对的方法步骤
2020/09/30 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
2014的自我评价
2014/01/13 职场文书
军神教学反思
2014/02/04 职场文书
初中生300字旷课检讨书
2014/11/19 职场文书
教师工作能力自我评价
2015/03/04 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
OpenCV-Python直方图均衡化实现图像去雾
2021/06/07 Python
Python中itertools库的四个函数介绍
2022/04/06 Python