如何在不膨胀的情况下在 HTML 索引文件中导入多个 javascript 文件？

Question

无论如何都可以在 HTML 中导入多个 javascript 文件而不必指定每个文件？

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

IE。我可以指定类似 js/toolkit/* 的东西吗？

我必须导入 50 多个 javascript 文件，并且指定每个文件似乎非常耗时。

原文由 Oliver Watkins 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

有一个办法：

您可以创建一个将路径作为参数并创建以下 HTML 行的 javascript 函数：

 <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 请求的数量会增加加载时间。您最好在服务器端使用某些东西将所有内容放在同一个文件中。

原文由 Binary Brain 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 Web 开发中，将一个 JavaScript 文件包含在另一个 JavaScript 文件中很常见。

因为很多时候我们代表某些条件在运行时包含 JavaScript 文件。

因此，我们可以使用 JavaScript 和 jQuery 来实现这一点。

方法 1：使用 JavaScript 包含另一个 JavaScript 文件

1. 在您的网页中添加以下功能。

    function loadScript(url)
   {
       var head = document.getElementsByTagName('head')[0];
       var script = document.createElement('script');
       script.type = 'text/javascript';
       script.src = url;
       head.appendChild(script);
   }

1. 只需调用下面的 loadScript 函数，您要在其中包含 js 文件。

    loadScript('/js/jquery-1.7.min.js');

方法 2：使用 jQuery 包含另一个 JavaScript 文件。

1. 在您的网页中添加 jQuery 文件。

    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

1. 只需调用 getScript 函数函数即可。

    jQuery(document).ready(function(){
       $.getScript('/js/jquery-1.7.min.js');
   });

如何在另一个 JavaScript 文件中包含一个 JavaScript 文件

原文由 user3312111 发布，翻译遵循 CC BY-SA 3.0 许可协议