您的位置：首页 > Web前端 > JavaScript

链式方法加载js文件

2013-08-21 19:45 447 查看

转自：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][全屏预览]
view
source

print?

01
/**
02
*
03
*
Chainableexternaljavascriptfileloading
'target='_blank'>http://www.webtoolkit.info/[/code]
04
*
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
}

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航