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

您无法单独使用脚本标记执行此操作，但可以使用模板引擎，构建步骤或模块加载程序（如require.js或curl.js）执行此操作。

如果您要加载多个js文件，我强烈建议使用Requirejs和requirejs optimizer。它将有助于保持代码模块化，优化器将使事情变得美观和高效：）

Answer 2

如果您想使用客户端JavaScript执行此操作，请将网址存储在数组中，然后循环显示这些网址并每次使用document.createElement和document.head.appendChild生成新元素。

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

Answer 3

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

免责声明： - 我写了。

包括来自其他文件的外部脚本标记

3 个答案: