用Jquery重写windows.alert方法实现思路_jquery
程序员文章站
2022-05-11 10:21:19
...
已经在 IE8 , firefox3.0.11下面测试通过
$.extend({
includePath: '',
include: function(file)
{
var files = typeof file == "string" ? [file] : file;
for (var i = 0; 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 + ">");
}
}
});
$.include(['script/jquery.divbox.js','/css/pop_win.css']);
$(document).ready(function()
{
var IsFirstAlert = true;
var alertQueue = [];
window.alert = showAlert;
var divalert = "";
divalert += "
复制代码 代码如下:
$.extend({
includePath: '',
include: function(file)
{
var files = typeof file == "string" ? [file] : file;
for (var i = 0; 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 + ">");
}
}
});
$.include(['script/jquery.divbox.js','/css/pop_win.css']);
$(document).ready(function()
{
var IsFirstAlert = true;
var alertQueue = [];
window.alert = showAlert;
var divalert = "";
divalert += "
";
divalert += "
divalert += "
";
divalert += "
divalert += "
";
divalert += "TITLE";
divalert += "
TITLE";
divalert += " ";
divalert += " ";
divalert += " ";
divalert += "
";
divalert += " ";
divalert += " ";
divalert += "
";
divalert += "
";
divalert += " ";
divalert += " ";
divalert += "";
$("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插件
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程全栈 170W+
主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门
-
玉女心经-web前端开发教程入门 80W+
主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门
-
天龙八部-实战开发教程实战 120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习
divalert += " ";
divalert += "
";
divalert += "
";
divalert += "
注：以上引用js与CSS的jquery插件
divalert += "
";
divalert += "
";
divalert += " ";
divalert += "
divalert += " ";
divalert += "
";
divalert += "
";
divalert += " ";
divalert += " ";
divalert += "";
$("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插件
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
全栈 170W+
主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门
-
入门 80W+
主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门
-
实战 120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习
作者信息
- 最新文章
- 热门排行
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论