如何正确地将外部JS资源链接到JS文件中？

Question

我正在创建一个仪表板，以在Web应用程序中显示不同的图形。 我得到了这段代码片段，并根据需要进行了编辑。 我意识到我的Web应用程序正在变得越来越大。 因此，我决定为每个图形创建一个单独的javascript文件。 最初，我将所有标签都放在html页面的底部，效果很好。 我也有外部资源，例如；

<!-- External Resources -->          
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>

<!-- Functions -->
<script>
    // more codes here. But these codes will go to new .js file
</script>

问题，在新的.js文件中，如何正确链接所有这些外部资源？

提前致谢！

Answer 1

除非“外部资源”在其代码范围内起作用，否则您将无法在全局范围内对其进行访问，就可以像在脚本标签内一样访问JS文件中的所有内容。

如果您的javascript代码在<script>标记之间起作用，则将其移入文件并将<script>标记替换为以下内容也将起作用：

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

Answer 2

如此处所示，只要它们包含在HTML的开头，就可以了。