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