js实例教程-用Jquery重写windows.alert方法实现思路

发布时间:2018-11-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js实例教程-用Jquery重写windows.alert方法实现思路脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

已经在 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.pbox.js','/css/pop_win.css']);
$(document).ready(function()
{
var IsFirstAlert = true;
var alertQueue = [];
window.alert = showAlert;
var palert = "";
palert += "<p style=/"width:380px; height:180px; overflow:hidden;display:none/" id=/"pAlert/">";
palert += " <p class=/"win_c/">";
palert += " <p class=/"win_t/" id=/"/">";
palert += " <p class=/";mail_timg/" ><h3>TITLE<//h3><//p>";
palert += " <p class=/"clear/"><//p>";
palert += " <//p>";
palert += " <p class=/"alrt2/" style=/"text-align:center/">";
palert += " <span id=/"spaAlertMessage/" class=/"F14 ifont/"><//span><br //>";
palert += " <p class=/"clear/"><//p>";
palert += " <//p>";
palert += " <p class=/"Acenter/"><input id='alertClose' type=/"button/" value=/"确定/" class=/"BTn7/" //> <input type=/"reset/" value=/"取消/" style=/"display:none/" class=/"btn8/" //><br //><br //><//p>";
palert += " <p> <//p>";
palert += " <//p>";
palert += " ";
palert += "<//p>";
$("body").append(palert);
function showAlert(info)
{
alertQueue.push(info);
if (IsFirstAlert)
{
IsFirstAlert = false;
OpenAlert();
}
}
$("#alertClose").click(function()
{
$('#pAlert').CloseDiv()
if (alertQueue.length > 0)
{
setTimeout(OpenAlert, 150);
}
});
function OpenAlert()
{
$("#spaAlertMessage").htML(alertQueue[0]);
alertQueue.splice(0, 1);
$("#pAlert").OpenDiv();
}
});


注:以上引用js与CSS的jquery插件

已经在 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.pbox.js','/css/pop_win.css']);
$(document).ready(function()
{
var IsFirstAlert = true;
var alertQueue = [];
window.alert = showAlert;
var palert = "";
palert += "<p style=/"width:380px; height:180px; overflow:hidden;display:none/" id=/"pAlert/">";
palert += " <p class=/"win_c/">";
palert += " <p class=/"win_t/" id=/"/">";
palert += " <p class=/"mail_timg/" ><h3>TITLE<//h3><//p>";
palert += " <p class=/"clear/"><//p>";
palert += " <//p>";
palert += " <p class=/"alrt2/" style=/"text-align:center/">";
palert += " <span id=/"spaAlertMessage/" class=/"f14 ifont/"><//span><br //>";
palert += " <p class=/"clear/"><//p>";
palert += " <//p>";
palert += " <p class=/"Acenter/"><input id='alertClose' type=/"button/" value=/"确定/" class=/"btn7/" //> <input type=/"reset/" value=/"取消/" style=/"display:none/" class=/"btn8/" //><br //><br //><//p>";
palert += " <p> <//p>";
palert += " <//p>";
palert += " ";
palert += "<//p>";
$("body").append(palert);
function showAlert(info)
{
alertQueue.push(info);
if (IsFirstAlert)
{
IsFirstAlert = false;
OpenAlert();
}
}
$("#alertClose").click(function()
{
$('#pAlert').CloseDiv()
if (alertQueue.length > 0)
{
setTimeout(OpenAlert, 150);
}
});
function OpenAlert()
{
$("#spaAlertMessage").html(alertQueue[0]);
alertQueue.splice(0, 1);
$("#pAlert").OpenDiv();
}
});


注:以上引用js与CSS的jquery插件

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦!&nbsp;js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-用Jquery重写windows.alert方法实现思路全部内容,希望文章能够帮你解决js实例教程-用Jquery重写windows.alert方法实现思路所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。