JavaScript和HTML：在两个单独的文件中还是在一个HTML文件中？

Question

当我们在单个HTML文件中编写JavaScript和.html代码或在HTML文件中编写.html代码时，是否有任何区别？分别在JavaScript文件中{1}}？我的意思是两种情况下的功能是一样的吗？

离。这里：https://github.com/tomconte/solarchain-dashboard .js和HTML分别写在两个JavaScript和.html文件中，并在.js文件的顶部提到：注意：需要使用browserify viz.js -o main.js 进行编译。

我的意思是如果.js文件中的JavaScript代码写在viz.js文件中，我们是否还需要使用index.html来编译browserify代码？< / p>

JavaScript档案：https://github.com/tomconte/solarchain-dashboard/blob/master/index.html

index.html档案：https://github.com/tomconte/solarchain-dashboard/blob/master/viz.js

Answer 1

在两个单独的文件或单个HTML文件中？

没有区别。

在http代码中添加js文件时，浏览器必须发送额外的<script>请求才能加载文件。

但是将代码编写在单独的js文件中是一个很好的做法，因此很容易修改它并在所有html文件中反映这些更改，无论js文件链接在哪里，否则你将拥有更改每个文件等中的js代码

Answer 2

将javascript单独保存在文件中将提高页面加载性能。在html文件中内联javascript可以阻止html的渲染。

在内联脚本中，运行脚本需要时间，这可能会更改DOM。尝试在变异时渲染DOM是一个混乱的秘诀。因此渲染只发生在JS停滞时的点，因此DOM是稳定的。

在等待外部脚本下载时，脚本的运行会停止，因此可以安全地呈现DOM。在渲染完成之前，下载的JS将不会运行。

因此，这是文件html文件与javascript文件分离的一个原因。

在文件中维护Javascript也比在html中嵌入更容易。