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

时间:2017-08-14 22:02:16

标签: javascript

我正在创建一个仪表板,在我的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文件中,如何正确链接所有这些外部资源?

提前致谢!

2 个答案:

答案 0 :(得分:1)

除非“外部资源”对其代码进行范围限定,因此您无法在全局范围内访问它,您将能够访问JS文件中的所有内容,就像在文档中的脚本标记中一样。

如果您的javascript代码在<script>代码之间有效,那么当您将其移动到文件中时它也会有效,并将<script>标记替换为以下内容:

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

答案 1 :(得分:0)

只要它们包含在您在此处显示的HTML开头,就可以了。