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

Javascript 如何正确地将外部JS资源链接到JS文件中?,javascript,Javascript,我正在创建一个显示web应用程序中不同图形的仪表板。我得到了这些代码片段,并根据需要进行了编辑。我意识到我的web应用程序越来越大。因此,我决定为每个图形创建一个单独的javascript文件。最初,我把所有标签都放在html页面的底部,效果很好。我还拥有外部资源,如: <!-- External Resources --> <script src="https://www.amcharts.com/lib/3/amcharts.js"></sc

我正在创建一个显示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文件

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

提前谢谢

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

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


只要它们如您所示包含在HTML的开头,您就可以了。

您是指动态加载Javascript吗?你好因此,当我将所有JS代码从html文件传输到新的JS文件时,我无法再正确链接外部资源,因为当它们位于html页面中时,它们位于其中,并且很容易加载它们。当我将它们传输到.js文件时,我无法再从脚本标记加载URL。请告知。非常感谢@伊万库克尔,那是错的。Javascript代码的执行顺序与HTML页面中定义的相同。因此,如果您有三个脚本元素,第一个和最后一个引用外部文件,第二个内联注入代码,则第一个引用的文件在内联代码之前执行,内联代码在最后一个引用的文件之前执行。@Marvin作为建议,请查看我在上面发布的链接-这个问题往往是那个问题的重复。。。您不能在JS文件中使用脚本标记,但必须使用Javascript动态地向DOM添加元素。由于这将异步工作,您需要处理代码与加载文件的同步。Hi可能重复,谢谢您的回复。当我在.js文件中添加标签时,它不再识别标签。在我的inspect元素中,我得到一个错误“意外令牌是的,只要您将其放在自己的代码之前,这样您就可以访问it@Marvin您不能将
-标记放在JS文件中并期望它们工作。这些标记是在HTML文档中嵌入非HTML内容的HTML方式。一个JS文件根本不是HTML,因此被浏览器的同一部分解析,该部分被指示解析这些标记之间的内容。。。因此,如果你想从另一个JS文件加载JS,这个答案是错误的。我刚刚意识到他试图在JS文件中添加脚本标记。事实上,这不是一个好地方。它们应该只放在HTML文件中,但这就是为什么这个答案实际上与“如何在Javascript文件中链接外部Javascript”的问题并不匹配,我认为这意味着使用Javascript代码动态加载Javascript。尽管如此,如果我对问题的评论中链接的线程不满足于返回HTML可能是更可取的选择。