JavaScript动态加载脚本的旧式实现方案

动态加载脚本的实现原理

在Web开发中，若需动态引入JavaScript文件，可采用以下技术方案。

 
var docFunc = {
/*************************************************************************** 
/* 目的：调用下方的动态加载脚本方法load_script */
**************************************************************************/ 
loaddefJquery : function() {
// alert(ucapSession.hostPath + ucapSession.appPath);
// ucapSession.appPath表示根目录路径
docFunc.load_script(ucapSession.appPath
+ "ftdxxglxt/js/jquery-1.8.1.min.js");
docFunc.load_script(ucapSession.appPath
+ "ftdxxglxt/js/jSuggest.js");
}, 
/*************************************************************************** 
/* 目的：动态加载脚本 */
**************************************************************************/ 
load_script:function(url){
var x = new ActiveXObject("Msxml2.XMLHTTP");
x.open('GET', url, false);
x.send('');
eval(x.responseText);
var s = x.responseText.split(/\n/);
var r = /^(?:function|var)\s*([a-zA-Z_]+)/i;
for (var i = 0; i < s.length; i++)
{ 
var m = r.exec(s[i]);
if (m != null)
{ 
window[m[1]] = eval(m[1]);
} 
} 
} 
} 

页面调用示例

在HTML页面或JSP页面中调用该方法：

 
<script>
docFunc.loaddefJquery();
</script>