天天看點

自己編寫jQuery動态引入js檔案插件 (jquery.import.dynamic.script)

這個插件主要是結合jquery或者xhr異步請求來使用的,它可以把已經引入過的js檔案記錄在浏覽器記憶體中,當下次再引入相同的檔案就忽略該檔案的引入。 當你用$.load("dir/my-page.jsp"); 或xhr.request("server/to-my-page");等異步請求加載html頁面的時候,在頁面中導入js檔案用本插件進行引入的話, 那麼其他請求的頁面中也導入了和前面頁面相當的js檔案的情況下,那這些js檔案就不需要重新引入。插件會自動忽略之前已經引入過的檔案,來節約開銷加快速度。 此插件不支援浏覽器重新整理儲存資料,那需要利用cookie來儲存引入資料記錄。這裡隻時候異步加載js檔案的方式。
使用本插件必須先引入jquery,後再引入動态導入插件js檔案。在不重新整理頁面的情況下,本插件導入的javascript隻需用導入一次,後面都會使用上一次導入的緩存檔案 下面簡單說下插件用法,使用規則方法:
1、導入一個檔案

 

2、導入多個檔案

<a></a>

3、導入js檔案完成後,執行回調函數
4、全部完整配置參數清單

廬山真面目,插件源碼在此:

本文轉自hoojo部落格園部落格,原文連結:http://www.cnblogs.com/hoojo/p/jquery_import_dynamic_script_debug_js.html,如需轉載請自行聯系原作者

繼續閱讀