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

当我们在一个

.HTML

文件中编写

HTML

和

JavaScript

代码，或者分别在

.HTML

文件和

js

文件中编写

HTML

代码时，有什么区别吗？我的意思是两种情况下的功能是相同的

例如：

HTML

和

JavaScript

写在两个独立的

.HTML

和

.js

文件中，在

.js

文件的顶部提到：注意：需要使用browserify viz.js-o main.js进行编译

我的意思是，如果

JavaScript

code在

即.js

文件中写入

index.html

文件，我们还需要使用

browserify

来编译

JavaScript

代码吗

index.html

文件：

viz.js

文件：

要放在两个单独的文件中还是放在一个HTML文件中

没有区别

在

标记中添加

js

文件时，浏览器只需发送额外的

http

请求即可加载文件

但是，在单独的js文件中编写代码是一种很好的做法，因此可以很容易地对其进行修改，并将这些更改反映在所有链接到js文件的

html

文件中，否则您必须将每个文件中的js代码等更改为两个单独的文件或单个html文件中

没有区别

在

标记中添加

js

文件时，浏览器只需发送额外的

http

请求即可加载文件

---

但是，在单独的js文件中编写代码是一种很好的做法，因此可以很容易地对其进行修改，并将这些更改反映在所有链接js文件的

html

文件中，否则您必须更改每个文件中的js代码等

将javascript单独保存在一个文件中将提高页面加载性能。将javascript内联到html文件中可能会阻止html的呈现

在内联脚本中，运行脚本会占用时间，这可能会更改DOM。试图在DOM发生变异时渲染它会导致混乱。因此，渲染只在JS停止时发生，因此DOM是稳定的

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

这就是html文件与javascript文件分开的原因之一

---

此外，在文件中维护Javascript比嵌入html更容易。

在文件中单独保存Javascript将提高页面加载性能。将javascript内联到html文件中可能会阻止html的呈现

在内联脚本中，运行脚本会占用时间，这可能会更改DOM。试图在DOM发生变异时渲染它会导致混乱。因此，渲染只在JS停止时发生，因此DOM是稳定的

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

这就是html文件与javascript文件分开的原因之一

---

此外，在文件中维护Javascript比嵌入html更容易。

模块化代码对程序员有很多好处。但是，浏览器默认不支持JS的模块化。这就是Browserify和Webpack的用武之地。他们采用模块化代码并编译成单个JS文件。模块化代码对程序员有很多好处。但是，浏览器默认不支持JS的模块化。这就是Browserify和Webpack的用武之地。它们采用模块化代码并编译成单个JS文件。