用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 相关文章推荐
js 刷新页面的代码小结 推荐
Apr 02 Javascript
javascript 通用loading动画效果实例代码
Jan 14 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 Javascript
jQuery拖动布局其结果保存到数据库
Oct 09 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
Jul 21 Javascript
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
webpack v4 从dev到prd的方法
Apr 02 Javascript
layui table 多行删除(id获取)的方法
Sep 12 Javascript
react合成事件与原生事件的相关理解
May 13 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
咖啡豆要不要放冰箱的原因
2021/03/04 冲泡冲煮
php 读取文件乱码问题
2010/02/20 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
Smarty3配置及入门语法
2017/02/22 PHP
js中的屏蔽的使用示例
2013/07/30 Javascript
js中的前绑定和后绑定详解
2013/08/01 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
Nodejs的express使用教程
2015/11/23 NodeJs
使用node.js中的Buffer类处理二进制数据的方法
2016/11/26 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
JavaScript设计模式之策略模式详解
2017/06/09 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
2018/01/16 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
Python设计实现的计算器功能完整实例
2017/08/18 Python
python 列表降维的实例讲解
2018/06/28 Python
Python实现矩阵相乘的三种方法小结
2018/07/26 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
Python如何利用Har文件进行遍历指定字典替换提交的数据详解
2020/11/05 Python
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
荷兰电脑专场:Paradigit
2018/05/05 全球购物
极度干燥澳大利亚官方网站:Superdry澳大利亚
2019/03/28 全球购物
Linux开机引导的步骤是什么
2014/02/26 面试题
文明餐桌活动方案
2014/02/11 职场文书
高中升旗仪式演讲稿
2014/09/09 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
院系推荐意见
2015/06/05 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL