用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中绑定事件的命名空间详解
Apr 05 Javascript
AngularJs定制样式插入到ueditor中的问题小结
Aug 01 Javascript
浅谈js中的引用和复制(传值和传址)
Sep 18 Javascript
浅谈javascript中的三种弹窗
Oct 21 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
koa router 多文件引入的方法示例
May 22 Javascript
vue获取验证码倒计时组件
Aug 26 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
Nov 25 Javascript
JavaScript中的this/call/apply/bind的使用及区别
Mar 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
php 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
PHP7基于curl实现的上传图片功能
2018/05/11 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
2015/12/12 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
在vue中封装可复用的组件方法
2018/03/01 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
浅谈Django学习migrate和makemigrations的差别
2018/01/18 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
python 绘制正态曲线的示例
2020/09/24 Python
骆驼官方商城:CAMEL
2016/11/22 全球购物
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
新西兰优惠网站:Treat Me
2019/07/04 全球购物
什么是属性访问器
2015/10/26 面试题
学生会竞选自荐信
2013/10/12 职场文书
网游商务专员求职信
2013/10/15 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
大学生求职信
2014/06/17 职场文书
志愿者事迹材料
2014/12/26 职场文书
入团介绍人意见范文
2015/06/04 职场文书