這篇文章主要介紹了javascript文件加載管理簡單實現方法,可實現順序加載所有js文件的功能,非常簡單實用,需要的朋友可以參考下

本文實例講述了javascript文件加載管理簡單實現方法。分享給大家供大家參考。具體如下：

這里介紹超級簡單的進行javascript的文件(模塊)的加載管理，

實現sea.js或者require.js核心功能，用一行

加載所有的js文件。

1. //按照lightJs的順序，讓網頁加載js文件： 
2. var lightJs = [ 
3. "./js/light/pre/jquery-1.8.0.min.js", 
4. "./js/light/pre/jquery-lib.js",  
5. "./js/light/pre/less-1.4.2.min.js", 
6. "./js/lihgt/pre/util.js", 
7. "./js/xla.js", 
8. "./js/light/light_file.js" 
9. ]; 
10. var light; 
11. if (!light) 
12. light = {}; 
13. light.load = (function(lightJs) { 
14. if (!lightJs) 
15. lightJs = []; 
16. var doc = document; 
17. var head = doc.head || doc.getElementsByTagName("head")[0] || doc.documentElement; 
18. for (var i = 0; i < lightJs.length; i++) { 
19. var path = lightJs[i]; 
20. var node = doc.createElement("script"); 
21. node.charset = "utf-8"; 
22. node.src = path; 
23. head.appendChild(node); 
24. } 
25. return doc; 
26. }(lightJs)); 

希望本文所述對大家的javascript程序設計有所幫助。