鏈式方法加載js文件

轉自:http://www.oschina.net/code/snippet_54100_2930

1. [代碼]用法     

1 //你的 your-script.js 將在前兩個js加載完再加載
2 scriptLoader.load([
3   'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js',
4   'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'
5   'your-script.js'
6 ]);

2. [代碼]scriptLoader.js     跳至 [1] [2] [全屏預覽]

01 /**
02 *
03 *  Chainable external javascript file loading
04 *  http://www.webtoolkit.info/
05 *
06 **/
07 var scriptLoader = {
08     _loadScript: function (url, callback) {
09         var head = document.getElementsByTagName('head')[0];
10         var script = document.createElement('script');
11         script.type = 'text/javascript';
12         script.src = url;
13         if (callback) {
14             script.onreadystatechange = function () {
15                 if (this.readyState == 'loaded') callback();
16             }
17             script.onload = callback;
18         }
19         head.appendChild(script);
20     },
21   
22     load: function (items, iteration) {
23         if (!iteration) iteration = 0;
24         if (items[iteration]) {
25             scriptLoader._loadScript(
26                 items[iteration],
27                 function () {
28                     scriptLoader.load(items, iteration+1);
29                 }
30             )
31         }
32     }
33 }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章