2017-08-14 45 views
0

我正在创建一个仪表板,在我的Web应用程序中显示不同的图形。我得到了这段代码片段,并根据需要进行了编辑。我意识到我的web应用程序变得越来越大。因此,我决定为每个图创建一个单独的JavaScript文件。最初,我把我所有的标签都放在了我的html页面的底部,工作得很好。我也有外部资源,例如;如何正确地将外部JS资源链接到JS文件中?

<!-- 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文件,我该如何正确链接所有这些外部资源?

在此先感谢!

+0

你的意思是动态加载Javascript? https://stackoverflow.com/questions/1618351/loading-js-files-dynamically-via-another-js-file – cepharum

+0

嗨。所以,当我从我的html文件传输我所有的JS代码到一个新的JS文件,我不能正确链接外部资源了,因为当他们在HTML页面中,他们在和很容易加载它们。当我将它们转移到.js文件时,我无法从脚本标记中加载URL。请指教。非常感谢! – Marvin

+0

@IvanKuckir这是错误的。 Javascript代码的执行顺序与HTML页面中定义的顺序相同。因此,如果您有三个脚本元素,第一个和最后一个引用外部文件,第二个注入代码内联,则第一个引用文件在内联代码之前执行,并在最后一个引用文件之前执行。 – cepharum

回答

1

除非“外部资源”范围的代码,所以你不能在全球范围内访问它,您将能够访问所有的JS文件,就像你的脚本标签中,在文档中。

如果你的JavaScript代码<script>标签之间的工作,它也将当你像这样的东西将其移动到一个文件,并替换<script>标签工作:

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

+0

嗨,为感谢您的响应。当我在.js文件中添加

0

只要它们是正如你在这里显示的那样,包含在你的HTML开头,你应该没问题。

相关问题