資源描述：
《要實現(xiàn)動態(tài)加載js腳本有4種方法》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。
1、要實現(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í)行的，也就是說，在加載這些腳本的同時，主頁面的腳本繼續(xù)運行，如果用以上的方法，那下面的代碼將得不到預期的效果。要動態(tài)加載的JS腳本：a.js，以下是該文件的內容。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)生了錯誤，沒有彈出對話框。原因是?'str'?未定義，為什么呢？因為主頁面在取?str?的時候?a.js?
5、并沒有完全加載成功。遇到需要同步執(zhí)行腳本的時候，可以用下面的第四種方法。4、原理：用XMLHTTP取得要腳本的內容，再創(chuàng)建?Script?對象。注意：a.js必須用UTF8編碼保存，要不會出錯。因為服務器與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
