如何在JavaScript中放置其他JavaScript文件链接？

我在一个HTML模板的底部有一堆JavaScript链接。我想创建一个单独的JavaScript文件，其中只包含所有源链接

因此，我希望所有的链接都放在一个JavaScript文件中，而不是把我的模板页脚弄得乱七八糟。我怎样才能做到这一点

我真正想问的是如何获得与JavaScript的CSS

@import

功能类似的效果

---

如果这是不可能的，我可以从另一个HTML文件中在模板的页脚处放置一块HTML吗？

您可以使用ajax实现这一点，但一个简单的方法是使用jquery将它们附加在一起

$('.div').append('<script src="myscript.js"></script>');

$（'.div'）。追加（''）；

---

希望这对您有所帮助，您可以在其中创建一个单独的js文件和一个

对象。此对象可以有多个键，它们的值将在这些链接中显示。从文件中返回此对象

希望这段代码有用

linkFile.js

var AllLinks = function(){
var _links ={};
_links.keyOne ="link1";
_links.keyTwo ="link2";
return {
 links:_links
 }
}

还可以使用
script
标记包含此文件
在其他文件中，您可以按以下方式检索此值：

AllLinks.links.keyOne
等
有一个数组，用于保存指向脚本文件的链接，然后您可以使用两个选项来加载每个脚本文件，或者从中构建HTML并将其附加到
头
或
体
标记。我更喜欢
head
tag来保存所有脚本和css文件

您的脚本文件数组

 var JsFiles = ["script1.js","script2.js","script3.js","script4.js"];

使用的第一种方法

JsFiles.each(function(i,v){
  $.getScript(JsFiles[i], function( data, textStatus, jqxhr){
     console.log( textStatus ); // Success
  });
});

上述方法的缺点是
getScript
对脚本文件进行异步调用，这意味着
script2.js
依赖于
script1.js
（例如
script1.js
是在
script2.js
中使用initialize的插件文件）那你就要面对问题了

为了克服这个问题，您可能需要使用
承诺
或在每个
getScript
成功函数上编写一个回调函数，该函数将触发下一次脚本加载，以此类推

如果脚本加载的顺序不重要，那么上述方法很好

通过构建HTML的第二种方法

var scriptTags ="";
JsFiles.each(function(i,v){
     scriptTags += "<script src='"+ JsFiles[i] +"'></script>";
});
$('head').append(scriptTags);

var scriptTags=“”；
每个函数（i，v）{
scriptTags+=“”；
});
$（'head'）.append（scriptTags）；

这种方法的好处是脚本文件现在将同步加载，您将不会面临依赖性问题。但是要确保独立文件从第一个开始，依赖文件最后才出现