用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 表单取值赋值的一些基本操作
Oct 11 Javascript
JS 文件大小判断的实现代码
Apr 07 Javascript
firefox下frameset取不到值的解决方法
Sep 06 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
Bootstrap datepicker日期选择器插件使用详解
Jul 26 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
详解Vue如何支持JSX语法
Nov 10 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 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中的cookie不用刷新就生效的方法
2012/02/04 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
基于jQuery的图片剪切插件
2011/08/03 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
jQuery获取checkbox选中的值
2016/01/28 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
jQueryUI Sortable 应用Demo(分享)
2017/09/07 jQuery
javascript计算渐变颜色的实例
2017/09/22 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
jQuery创建折叠式菜单
2019/06/15 jQuery
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
详解Python命令行解析工具Argparse
2016/04/20 Python
Python爬虫实现爬取京东手机页面的图片(实例代码)
2017/11/30 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
python 多线程重启方法
2019/02/18 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
Python的Tkinter点击按钮触发事件的例子
2019/07/19 Python
Python with关键字,上下文管理器,@contextmanager文件操作示例
2019/10/17 Python
python 实现图片批量压缩的示例
2020/12/18 Python
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
适用于所有创业者的创业计划书
2014/02/05 职场文书
党员岗位承诺书
2014/03/25 职场文书
《将心比心》教学反思
2014/04/08 职场文书
环保倡议书怎么写
2014/05/16 职场文书
校园元旦活动总结
2014/07/09 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
学习党章心得体会2016
2016/01/15 职场文书
公务员爱岗敬业心得体会
2016/01/25 职场文书
python绘制云雨图raincloud plot
2022/08/05 Python