crapLoader - 異步JS腳本加載器

openkk 12年前發布 | 18K 次閱讀 JavaScript開發 JavaScript

crapLoader.js 是一個 JavaScript 庫,用來通過 document.write 加載例如廣告、wedgets 以及其他 JS 代碼。正常情況下 document.write 輸出內容不是異步的,但該庫可通過異步方式來執行所加載的代碼。

主要特點:

  • 異步的加載第三方腳本
  • 不會堵塞當前頁面的渲染
  • 你的訪客可更早的看到網頁內容
  • DOMContentLoaded (a.k.a. $(doc).ready ) and window.onload triggered earlier
  • 并行加載 Banners ,除了 IE
  • Banners 加載更快,至少在理論上是這樣
  • 處理遞歸腳本
  • Inline and external javascript
  • Inline and external vbscript
  • 緩沖 document.write, flush on script load event
  • Handles document.getElementById from the buffer
  • Tested (manually) in IE 6-10, latest Firefox, Chrome, Safari, Opera

示例代碼:

<script type="text/javascript" src="crapLoader.js"></script>

<div id="banner1"></div>
<div id="banner2"></div>
<script type="text/javascript">
    crapLoader.loadScript("http://foo.bar/ad1.js", "banner1", {
        succsess: function() {
            if( !$("#banner1 img").is("[src $= 1px.gif]") ) { // if not an empty gif
                $("body").addClass("dominance");              // it's a dominance ad!
            }
        }
    });
    crapLoader.loadScript("http://foo.bar/ad2.js", "banner2", {
        charset: "iso-8859-1"
    });
</script>

項目主頁:http://www.baiduhome.net/lib/view/home/1339209099416

 本文由用戶 openkk 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!