用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 相关文章推荐
避免回车键导致的页面无意义刷新的解决方法
Apr 12 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
HTML的select控件美化
Mar 27 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
JavaScript运行原理分析
Feb 09 Javascript
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 Javascript
CryptoJS中AES实现前后端通用加解密技术
Dec 18 Javascript
Angular8 实现table表格表头固定效果
Jan 03 Javascript
Vue简单实现原理详解
May 07 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中feof()函数实例测试
2014/08/23 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
在Javascript中为String对象添加trim,ltrim,rtrim方法
2006/09/22 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
jQueryUI DatePicker 添加时分秒
2016/06/04 Javascript
用JS实现轮播图效果(二)
2016/06/26 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
javaScript语法总结
2016/11/25 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
javascript实现画板功能
2020/04/12 Javascript
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python爬虫之xpath的基本使用详解
2018/04/18 Python
PYTHON基础-时间日期处理小结
2018/05/05 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
Python logging模块handlers用法详解
2020/08/14 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
小学生环保标语
2014/06/13 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
师德先进个人材料
2014/12/20 职场文书
文明礼仪倡议书
2015/04/28 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书
Html分层的box-shadow效果的示例代码
2021/03/30 HTML / CSS