javascript - 如何在不膨胀的情况下在 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>

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

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

Answer 1

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

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

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

方法一:使用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);
   }
   

2. 只需调用下面的 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>
   

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

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

How to include a JavaScript file in another JavaScript File