html动态加载js方法,如何通过JavaScript动态加载js

在Web开发时，有可能会遇到这么一种情况：我们需要通过一个js文件中引用另一个js文件中的函数，可是另一个函数有没有办法在页面中通过该

方法比较简单，具体实例详见代码：

文件1：demo.js

function demo(){

alert("demo");

}

文件2：test.js

function test(){

alert("test");

}

function loadDemo(){

var iHead = document.getElementsByTagName('HEAD').item(0);

var iScript= document.createElement("script");

iScript.type = "text/javascript";

iScript.src="demo.js";

iHead.appendChild(iScript);

}

文件3：test.html

Insert title here

function fun1(){

test();

}

function fun2(){

loadDemo();

}

function fun3(){

demo();

}