要實(shí)現(xiàn)動(dòng)態(tài)加載js腳本有4種方法

《要實(shí)現(xiàn)動(dòng)態(tài)加載js腳本有4種方法》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、要實(shí)現(xiàn)動(dòng)態(tài)加載JS腳本有4種方法：1、直接document.write?????document.write("");??2、動(dòng)態(tài)改變已有script的src屬性??????s1.src="test.js"??3、動(dòng)態(tài)創(chuàng)建script元素?　　這三種方法都是異步執(zhí)行的，也就是說，在加載這些腳本的同時(shí)，主頁面的腳本繼續(xù)運(yùn)行，如果用以上的方法，那下面的代碼將得不到預(yù)期的效果。要?jiǎng)討B(tài)加載的JS腳本：a.js

3、，以下是該文件的內(nèi)容。var?str?=?"中國";?alert(?"這是a.js中的變量："?+?str?);?主頁面代碼：?function?LoadJS(?id,?fileUrl?)?{?????var?scriptTag?=?document.getElementById(?id?);?????var?oHead?=?document.getElementsByTagName('HEAD').item(0);?????var?oScript=?document.createElement("scrip

4、t");?????if?(?scriptTag??)?oHead.removeChild(?scriptTag??);?????oScript.id?=?id;?????oScript.type?=?"text/javascript";?????oScript.src=fileUrl?;?????oHead.appendChild(?oScript);?}?LoadJS(?"a.js"?);?alert(?"主頁面動(dòng)態(tài)加載a.js并取其中的變量："?+?str?);?上述代碼執(zhí)行后?a.js?的?alert?執(zhí)行并彈出消息，?但是?主頁面產(chǎn)生了錯(cuò)誤，

5、沒有彈出對話框。原因是?'str'?未定義，為什么呢？因?yàn)橹黜撁嬖谌?str?的時(shí)候?a.js?并沒有完全加載成功。遇到需要同步執(zhí)行腳本的時(shí)候，可以用下面的第四種方法。4、原理：用XMLHTTP取得要腳本的內(nèi)容，再創(chuàng)建?Script?對象。注意：a.js必須用UTF8編碼保存，要不會(huì)出錯(cuò)。因?yàn)榉?wù)器與XML使用UTF8編碼傳送數(shù)據(jù)。主頁面代碼：?function?GetHttpRequest()?{?????if?(?window.XMLHttpRequest?)?//?Gecko?????????retur

6、n?new?XMLHttpRequest()?;?????else?if?(?window.ActiveXObject?)?//?IE?????????return?new?ActiveXObject("MsXml2.XmlHttp")?;?}?function?AjaxPage(sId,?url){?????var?oXmlHttp?=?GetHttpRequest()?;?????oXmlHttp.OnReadyStateChange?=?function()??????{?????????if?(?oXmlHttp.readyState?==?4?)??????

7、???{????????????if?(?oXmlHttp.status?==?200?

8、

9、?oXmlHttp.status?==?304?)?????????????{????????????????IncludeJS(?sId,?url,?oXmlHttp.responseText?);????????????}?????????????else?????????????{?????????????????alert(?'XML?request?error:?'?+?oXmlHttp.statusText?+?'?('?+?oXmlHttp.st