快捷導(dǎo)航

使javascript也能包含文件

更新時間：2006年10月26日 00:00:00 作者：

javascript功能強大，但一個問題是它不能包含其它的js文件，而其它非腳本語言卻基本都是有這個功能的，不得不覺得有點遺憾。窮則思變，越來越發(fā)現(xiàn)不動態(tài)導(dǎo)入文件會嚴(yán)重加大加載頁面的時間，經(jīng)過實驗，發(fā)現(xiàn)了一個辦法，利用xhtml來實現(xiàn)這個功能，下面的函數(shù)就可以動態(tài)導(dǎo)入javascript文件和css樣式文件：

復(fù)制代碼代碼如下:

function $import(path,type,title){ 
 var s,i; 
 if(type=="js"){ 
  var ss=document.getElementsByTagName("script"); 
  for(i=0;i<ss.length;i++){ 
   if(ss[i].src && ss[i].src.indexOf(path)!=-1)return; 
  } 
  s=document.createElement("script"); 
  s.type="text/javascript"; 
  s.src=path; 
 }else if(type=="css"){ 
  var ls=document.getElementsByTagName("link"); 
  for(i=0;i<ls.length;i++){ 
   if(ls[i].href && ls[i].href.indexOf(path)!=-1)return; 
  } 
  s=document.createElement("link"); 
  s.rel="alternate stylesheet"; 
  s.type="text/css"; 
  s.href=path; 
  s.title=title; 
  s.disabled=false; 
 } 
 else return; 
 var head=document.getElementsByTagName("head")[0]; 
 head.appendChild(s); 
}

對于樣式文件，默認(rèn)導(dǎo)入后是立即生效的，這有可能會導(dǎo)致和前面一種選定樣式效果重疊，造成混亂。所以在我的blog中是使用下面的函數(shù)來實現(xiàn)樣式的切換功能：

復(fù)制代碼代碼如下:

最后，說明一下，因為javascript文件是需要從遠(yuǎn)程加載的，所以有人可能會問在調(diào)用$import()函數(shù)后，是立即執(zhí)行$import()后面的語句，還是等加載完以后再執(zhí)行其后的語句。我粗略試驗了一下，發(fā)現(xiàn)是等加載完后再執(zhí)行后面的語句的，而且如果加載的js里有立即執(zhí)行的代碼，那么它會先于$import()后面的語句執(zhí)行。這也是我們想要的結(jié)果，因為這樣就可以在$import()之后調(diào)用加載的文件里的函數(shù)了。