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

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

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

3、";?alert(?"這是a.js中的變量："?+?str?);?主頁面代碼：?function?LoadJS(?id,?fileUrl?)?{?????var?scriptTag?=?document.getElementById(?id?);?????var?oHead?=?document.getElementsByTagName('HEAD').item(0);?????var?oScript=?document.createElement("script");?????if?(?scriptTag??)?oHead.rem

4、oveChild(?scriptTag??);?????oScript.id?=?id;?????oScript.type?=?"text/javascript";?????oScript.src=fileUrl?;?????oHead.appendChild(?oScript);?}?LoadJS(?"a.js"?);?alert(?"主頁面動態(tài)加載a.js并取其中的變量："?+?str?);?上述代碼執(zhí)行后?a.js?的?alert?執(zhí)行并彈出消息，?但是?主頁面產(chǎn)生了錯(cuò)誤，沒有彈出對話框。原因是?'str'?未定義，為什么呢？因?yàn)橹黜撁嬖谌?str?的時(shí)候?a.js?

5、并沒有完全加載成功。遇到需要同步執(zhí)行腳本的時(shí)候，可以用下面的第四種方法。4、原理：用XMLHTTP取得要腳本的內(nèi)容，再創(chuàng)建?Script?對象。注意：a.js必須用UTF8編碼保存，要不會出錯(cuò)。因?yàn)榉?wù)器與XML使用UTF8編碼傳送數(shù)據(jù)。主頁面代碼：?function?GetHttpRequest()?{?????if?(?window.XMLHttpRequest?)?//?Gecko?????????return?new?XMLHttpRequest()?;?????else?if?(?window.ActiveXObject?

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

7、

8、?oXmlHttp.status?==?304?)?

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