强制下载JS文件

最近在做一个东西,界面上用了很多js文件,这些js文件是有先后关系的。而调用这些js文件的方式是使用一个include.js把他们包括进来(因为js文件可能会添加新的),包括方法是使用document.write 方式。这样造成一个问题,页面在载入include.js时,会顺序执行document.write,而文件的大小是不同的,会产生某些靠前的文件在靠后的文件之后被载入,造成运行失败。

因此我想强制按顺序载入这些js文件。初步的思路是第一个文件载入之后,才进行下一个文件的载入。include.js具体代码如下:

// 定义要下载的js文件的数组    ,以后只需要修改此数组
var jsNameArray  =   new  Array();
jsNameArray[
0 =   ' /webrct/js/global.js ' ;
jsNameArray[
1 = ' /webrct/js/pointattr.js ' ;
jsNameArray[
2 = ' /webrct/js/const.js ' ;
jsNameArray[
3 = ' /webrct/js/dsbase.js ' ;
jsNameArray[
4 = ' /webrct/js/rtdata.js ' ;

// 求文件名数组长度
var len  =  jsNameArray.length;
    
   
var isOk 
=   new  Array(len);   // 下载完毕标志数组
var isLoading  =   new  Array(len);  // 正在下载标志数组
var isFinished  =   false ;      // 全部下载完毕标志
    
for (var i  =   0 ;i  <  len;i ++ )
{
    isOk[i] 
= false;
    isLoading[i] 
= false;
        
}


// 每个文件下载完毕的回调函数    
function downOk( n )
{
        
    
if (event.srcElement.readyState == 'loaded' || event.srcElement.readyState == 'complete')  //确定就绪
   
{
        window.status 
= '下载完成';
        isOk[n] 
= true;
        
if (isOk[len -1])
       
{
            isFinished 
= true;
            
return;
        }
else
        
{
            waitDown (n
+1);    
        }

    }
else
   
{
        waitDown (n);
    }


}


// 下载文件的具体处理函数
function loadJs(jsName , i)
{
    var nextJsName 
= jsNameArray[i+1];
    var s 
= "<script src='" + jsName + "' language='javascript' onreadystatechange=downOk(" + i + ")  charset=GB2312></script>";
    var jsFile 
= document.createElement(s);

    document.getElementsByTagName(
'head').item(0).appendChild(jsFile);
        
}


//     
function waitDown(i)
{
    
if (!isOk[i])   //还没有下载完成
    {
        
if (!isLoading[i])  //还没有开始下载
        {
            loadJs(jsNameArray[i] , i);    
            window.status 
= '下载js文件:' + jsNameArray[i];
            isLoading[i] 
= true;
        }
else
        
{
            setTimeout(waitDown, 
100, i);
        }

    }


}


// 下载第一个文件    
waitDown ( 0 );
 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值