快捷導(dǎo)航

javascript引導(dǎo)程序

更新時(shí)間：2008年10月26日 16:44:00 作者：

本網(wǎng)站的javascript程序架構(gòu)從以下幾個(gè)基本點(diǎn)出發(fā)

1、網(wǎng)頁(yè)在加載時(shí)，頁(yè)面代碼中的js文件引用(如下)都會(huì)向服務(wù)器產(chǎn)生http請(qǐng)求，因?yàn)樵赽ody.onload事件之前加載的文件（這里我稱(chēng)之為靜態(tài)加載文件）都會(huì)向服務(wù)器產(chǎn)生http請(qǐng)求。為了減少服務(wù)器的http請(qǐng)求，本人提倡每個(gè)頁(yè)面最多只有一個(gè)js文件引用。
<script language='Javascript' type='text/Javascript' src='?.js'></script>
2、body.onload事件之后加載文件（這里我稱(chēng)之為動(dòng)態(tài)加載文件）的時(shí)候，瀏覽器會(huì)先查找緩存文件，如果緩存文件不存在才會(huì)向服務(wù)器發(fā)出http請(qǐng)求；所以本人提倡動(dòng)態(tài)加載文件，而在body.onload事件之前的靜態(tài)加載文件應(yīng)該做到精短。
3、本系統(tǒng)程序按照功能模塊劃分為單個(gè)文件，在/source/js/system.js中實(shí)現(xiàn)運(yùn)行時(shí)按需下載，而不是恐怖的一次性下載所有腳本程序代碼，減少網(wǎng)絡(luò)帶寬的占用。
4、為了讓js代碼跨網(wǎng)站調(diào)用時(shí)不會(huì)出現(xiàn)編碼問(wèn)題，程序中所有漢字用函數(shù)escape編碼，如果只是單網(wǎng)站使用，您可以把編碼改回漢字。
5、所有函數(shù)或類(lèi)注明為“本網(wǎng)站自用”的，很可能與本網(wǎng)站后臺(tái)自定義的數(shù)據(jù)類(lèi)型有關(guān)，您可以將它刪除。

下面是/js/Load.js程序以及的注釋說(shuō)明：

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

var IsBody={}; 

//定義動(dòng)態(tài)加載js程序文件的代碼 
eval("IsBody.AppendJs="+(IsBody.AppendJsCode="function(){var A=(typeof(arguments[0])=='string'?arguments:arguments[0]);for(var i=A.length-1;i>=0;i--){var J=document.createElement('script');J.language='javascript';J.type='text/Javascript';J.src=A[i];document.getElementsByTagName('head')[0].appendChild(J);}};")); 

//測(cè)試document.body是否已經(jīng)加載 
IsBody.Try=function() 
{ 
if(document.body&&((this.IsIE=(document.readyState!=null))?document.readyState.toLowerCase()=='complete':true)) 
{ //document.body加載后判斷瀏覽器是IE還是FoxFire，本程序目前支持這兩種瀏覽器 
clearTimeout(this.Interval); 
if(typeof(LoadCssFile)!='undefined') 
{ //動(dòng)態(tài)加載css文件，目的也是減少服務(wù)器的http請(qǐng)求（注意這里L(fēng)oadCssFile是個(gè)數(shù)組） 
var C=LoadCssFile,j=C.length,i=1; 
while(i<j) 
{ 
var J=document.createElement('link');J.rel='stylesheet';J.type='text/css';J.href=C[i++];document.getElementsByTagName('head')[0].appendChild(J); 
} 
} 
//動(dòng)態(tài)加載圖片，目的也是減少服務(wù)器的http請(qǐng)求 
if(typeof(LoadImage)!='undefined') this.AppendJs('/source/js/LoadImage.js'); 
//動(dòng)態(tài)加載程序主體系統(tǒng) 
this.AppendJs('/source/js/System.js'); 
} 
}; 
IsBody.Interval=setInterval('IsBody.Try();',100);