用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 相关文章推荐
htm调用JS代码
Mar 15 Javascript
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
node.js超时timeout详解
Nov 26 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
JS简单判断滚动条的滚动方向实现方法
Apr 28 Javascript
关于Webpack dev server热加载失败的解决方法
Feb 22 Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
php array_intersect()函数使用代码
2009/01/14 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
简洁短小的 JavaScript IE 浏览器判定代码
2010/03/21 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
详解Vue SPA项目优化小记
2018/07/03 Javascript
Vue基础配置讲解
2019/11/29 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
js实现计算器功能
2020/08/10 Javascript
详解vue父子组件状态同步的最佳方式
2020/09/10 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
python多线程同步实例教程
2019/08/11 Python
浅谈Python3 numpy.ptp()最大值与最小值的差
2019/08/24 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
尼克松手表官网:Nixon手表
2019/03/17 全球购物
一个大学生十年的职业规划
2014/01/17 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
导游词之江西赣州
2019/10/15 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL