当我们在单个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
答案 0 :(得分:3)
在两个单独的文件或单个HTML文件中?
没有区别。
在http
代码中添加js
文件时,浏览器必须发送额外的<script>
请求才能加载文件。
但是将代码编写在单独的js文件中是一个很好的做法,因此很容易修改它并在所有html
文件中反映这些更改,无论js文件链接在哪里,否则你将拥有更改每个文件等中的js代码
答案 1 :(得分:1)
将javascript单独保存在文件中将提高页面加载性能。在html文件中内联javascript可以阻止html的渲染。
在内联脚本中,运行脚本需要时间,这可能会更改DOM。尝试在变异时渲染DOM是一个混乱的秘诀。因此渲染只发生在JS停滞时的点,因此DOM是稳定的。
在等待外部脚本下载时,脚本的运行会停止,因此可以安全地呈现DOM。在渲染完成之前,下载的JS将不会运行。
因此,这是文件html文件与javascript文件分离的一个原因。
在文件中维护Javascript也比在html中嵌入更容易。