用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 相关文章推荐
javaScript Array(数组)相关方法简述
Jul 25 Javascript
JQuery.closest(),parent(),parents()寻找父结点
Feb 17 Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
js判断一个字符串是以某个字符串开头的简单实例
Dec 27 Javascript
利用vue和element-ui设置表格内容分页的实例
Mar 02 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
Aug 22 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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
PHP4(windows版本)中的COM函数
2006/10/09 PHP
mysql 搜索之简单应用
2007/04/27 PHP
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
js限制textarea每行输入字符串长度的代码
2012/10/31 Javascript
jQuery避免$符和其他JS库冲突的方法对比
2014/02/20 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
2016/05/20 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
js图片上传的封装代码
2017/08/01 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
element-ui上传一张图片后隐藏上传按钮功能
2019/05/22 Javascript
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
Python实现XML文件解析的示例代码
2018/02/05 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
用python脚本24小时刷浏览器的访问量方法
2018/12/07 Python
PyQt5实现简易计算器
2020/05/30 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python 3.8 新功能全解
2019/07/25 Python
Django实现跨域请求过程详解
2019/07/25 Python
Python如何调用外部系统命令
2019/08/07 Python
写好求职信第一句话的技巧
2013/10/26 职场文书
元宵晚会主持词
2014/03/25 职场文书
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL