今天查看百度空間源代碼，發現多了個util.js文件，打開看看。里面里面定義了addDOMLoadEvent。這是干什么用的？
仔細查看代碼，發現在Mozilla添加了DOMContentLoaded事件，這個在以前一直沒有用過。                    if (document.addEventListener)
                        document.addEventListener("DOMContentLoaded", init, false);
好像就是為了兼容實現DOMContentLoaded事件。
網上找了點有關DOMContentLoaded的資料拿來看看。
DOMContentLoaded是firefox下特有的Event, 當所有DOM解析完以后會觸發這個事件。
    與DOM中的onLoad事件與其相近。但onload要等到所有頁面元素加載完成才會觸發, 包括頁面上的圖片等等。
    如果頁面的圖片很多的話, 從用戶訪問到onload觸發可能需要較長的時間, 而在Ajax運用中, 常常需要在onload中加入許多初始化的動作, 如果由于網絡問題引起的圖片加載過慢( 見: Ajax優化(2) -- lazierLoad img && js), 則必然影響用戶的體驗。
    在這種情況下firefox的DOMContentLoaded事件, 恰恰是我們需要的。

    目前,跨平臺的DOMContentLoaded的解決方案有很多, 比如jQuery, Prototype...等等, 其實現原理大同小異.

    在項目中, 我使用了Prototype工具, 以往調用初始化的方法是: Event.observe(window, "load", init);

    現在有了DOMContentLoaded, 可以替換成如下的方法: document.observe('contentloaded', init);


    最新的prototype中自定義事件已經重新命名, 使用"dom:loaded" 代替了 “contentloaded”. document.observe('dom:loaded', init);


附:

  Andrea Giammarchi的OnContent函數提供了一個跨平臺的DOMContentLoaded的解決方案My DOMContentLoaded Final Solution

文件名稱：DOMContentLoaded.js  function onContent(f){      var a = onContent,      b = navigator.userAgent,      d = document,      w = window,      c = "onContent",      e = "addEventListener",      o = "opera",      r = "readyState",      s = "<scr".concat("ipt defer src='//:' on", r, "change='if(this.", r, "==\"complete\"){this.parentNode.removeChild(this);", c, ".", c, "()}'></scr", "ipt>");      a[c] = (function(o) {          return function() {              a[c] = function() {};              for (a = arguments.callee; ! a.done; a.done = 1) f(o ? o() : o)          }      })(a[c]);      if (d[e]) d[e]("DOMContentLoaded", a[c], false);      if (/WebKit|Khtml/i.test(b) || (w[o] && parseInt(w[o].version()) < 9))(function() { / loaded | complete / .test(d[r]) ? a[c]() : setTimeout(arguments.callee, 1)      })();      else if (/MSIE/i.test(b)) d.write(s);  };   
util.js：
addDOMLoadEvent = (function(){
        // create event function stack
        var load_events = [],
            load_timer,
            script,
            done,
            exec,
            old_onload,
            init = function () {
                done = true;
                // kill the timer
                clearInterval(load_timer);
                // execute each function in the stack in the order they were added
                while (exec = load_events.shift())
                    setTimeout(exec, 10);
                if (script) script.onreadystatechange = '';
            };
            return function (func) {