如何在HTML索引文件中导入多个JavaScript文件而不会膨胀？ [英] How do you import multiple javascript files in HTML index file without the bloat?

问题描述

有没有必要在HTML中导入多个javascript文件而不必指定每个文件？

 < script src = JS /工具箱/ Toolkit.js>< /脚本> 
< script src =js / toolkit / Viewable.js>< / script> 
< script src =js / toolkit / Overlay.js>< / script> 
  

即。我可以指定类似 js / toolkit / * 的内容吗？

我有50多个javascript文件需要导入，并且指定每个文件似乎都非常耗时。

有一种方法：

您可以创建一个JavaScript函数，将路径作为参数并创建这些HTML行：

 < script src =js / toolkit / Toolkit.js>< / script> 
< script src =js / toolkit / Viewable.js>< / script> 
< script src =js / toolkit / Overlay.js>< / script> 
  

您只需要调用它：

  loadLib（toolkit / Toolkit）; 
 loadLib（toolkit / Viewable）; 
 loadLib（toolkit / Overlay）; 
  

但不建议这样做，因为由于HTTP请求的数量，加载时间会增加。
您最好在服务器端使用一些东西，将所有内容放在同一个文件中。

Is there anyway of importing multiple javascript files in HTML without having to specify each file?

<script src="js/toolkit/Toolkit.js"></script>
<script src="js/toolkit/Viewable.js"></script>
<script src="js/toolkit/Overlay.js"></script>

ie. can I specify something like js/toolkit/* ?

I have 50+ javascript files that i have to import, and to specify each file seems very time consuming.

解决方案

There's a way:

You can create a javascript function that takes the path as a parameter and creates these HTML lines:

<script src="js/toolkit/Toolkit.js"></script>
<script src="js/toolkit/Viewable.js"></script>
<script src="js/toolkit/Overlay.js"></script>

And you'll just have to call this:

loadLib("toolkit/Toolkit");
loadLib("toolkit/Viewable");
loadLib("toolkit/Overlay");

But this is not recommended because the load time will be increased due to the number of HTTP requests. You should better use something in the server side to put everything in the same file.

这篇关于如何在HTML索引文件中导入多个JavaScript文件而不会膨胀？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！