javascript - 包括来自其他文件的外部脚本标签

Question

我在不同的 10 页上有很多常见的 js 文件，如下所示：

<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>

我想将这些标签放在一页，然后仅将这些页面包含到其他 10 页。

例如 commontags 页面包括

<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>

标记然后其他 10 个页面包括

<script src="commontags"></script>

Answer 1

这个工具也这样做： http: //damonsmith.github.io/js-class-loader/

免责声明： - 我写的。

Answer 2

您不能单独使用脚本标签来执行此操作，但您可以使用模板引擎、构建步骤或模块加载器（如require.js或curl.js ）来执行此操作。

如果要加载多个 js 文件，我强烈建议使用 Requirejs 和 requirejs优化器。这将有助于保持您的代码模块化，优化器将使事情变得更好和高性能:)

Answer 3

如果您想使用客户端 JavaScript 执行此操作，则将 URL 存储在一个数组中，循环它们并每次使用 and 生成一个新document.createElement元素document.head.appendChild。

但是，一般来说，您最好通过在构建时通过组合器和压缩器运行文件来处理这个问题，这样您就有一个指向包含所有代码的单个 JS 文件的单个 URL。