用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 相关文章推荐
js 文件引入实现代码
Apr 23 Javascript
关于全局变量和局部变量的那些事
Jan 11 Javascript
JQuery对表单元素的基本操作使用总结
Jul 18 Javascript
javascript中var的重要性分析
Feb 11 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
Jan 18 jQuery
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
手机浏览器唤起微信分享(JS)
Oct 11 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 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
3.从实例开始
2006/10/09 PHP
php使用pack处理二进制文件的方法
2014/07/03 PHP
用htc组件制作windows选项卡
2007/01/13 Javascript
一个很酷的拖动层的js类,兼容IE及Firefox
2009/06/23 Javascript
一个可绑定数据源的jQuery数据表格插件
2010/07/17 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
javascript日期格式化方法小结
2015/12/17 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
vue实例中data使用return包裹的方法
2018/08/27 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
python中将字典转换成其json字符串
2014/07/16 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
使用pycharm设置控制台不换行的操作方法
2019/01/19 Python
python获取交互式ssh shell的方法
2019/02/14 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
浅谈Django中的QueryDict元素为数组的坑
2020/03/31 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
Python Scrapy图片爬取原理及代码实例
2020/06/12 Python
django rest framework 过滤时间操作
2020/07/12 Python
Python -m参数原理及使用方法解析
2020/08/21 Python
玉兰油美国官网:OLAY美国
2018/10/25 全球购物
会计专业的自荐信
2013/12/12 职场文书
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
中学生自我鉴定
2014/02/04 职场文书
楼面部长岗位职责范本
2014/02/14 职场文书
班级团队活动方案
2014/08/14 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书