用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.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插件