用Jquery重写windows.alert方法实现思路 |
本文标签:jquery,重写,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.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插件 |