有一个JavaScript加载多个其他javascripts而不触及

时间:2012-03-08 10:27:25

标签: javascript

我现在正在为一家公司工作,该公司有数百个页面使用javascript加载左侧边栏。我没有创造原作,但必须在其框架内工作。我是Java的新手,想要将新的图片幻灯片(从http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm)插入此侧边栏。不幸的是,我需要在这一个中加载3个其他javascript文件,并使用javascript为我的幻灯片创建一个div。我今天花了6个小时,尝试了我在这个网站上找到的多个解决方案和其他人一样,无法让它发挥作用。

这可能吗?

我需要加载" javaA.js"," javaB.js",& " javaC.js"来自这个脚本,运行超过500页。第2部分创建了一个div,但只是第一部分可以帮助堆积。

提前感谢您的帮助。

找到解决方案:

以下是最终为我工作的代码:

function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)

if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "js")
loadjscssfile("JavaA.js", "js")
loadjscssfile("JavaB.js", "js")

1 个答案:

答案 0 :(得分:1)

尝试这种方法,创建脚本元素,然后动态地附加到head

var headElem = document.getElementsByTagName("head")[0];         
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'http://www.site.com/file.js';

headElem.appendChild(newScript);