我观察到在 HTML 的 head
标记内声明 javascript 是一种通用行为,然后是 body
和其余内容.当我们有 jQuery 或我们想在我们的项目中引用的任何其他库文件时,这主要是实践,
为什么我们需要在 HTML 的 head
标签中添加 javascript?
和
有什么区别,如果我们在body
标签内添加,浏览器的页面渲染性能会不会有什么变化?
例如,我想了解以下场景。考虑我的 javascript 包含以下一行,
$(SomeHTMLTag).replace("%data%, NewName);
现在,如果我在 header 标记中添加此 javascript,我的 HTML 页面将使用 newName 呈现。
其次,如果我在呈现 SomeHTMLTag
之后在 HTML 末尾添加 javascript,那么在这种情况下是否会重复呈现具有默认名称的 SomeHTMLTag
首先,然后使用新名称?
最佳答案
Javascript 引用可以添加到 body 标记的最后一条语句中。大多数javascripts需要在html渲染后执行,所以JS不应该在head标签中。如果在head标签中,考虑到引用的JS是1MB,那么JS会先通过浏览器下载,然后再渲染html,所以需要一些时间。如果它位于内容底部,则 html 将首先呈现,用户会尽快看到响应。
关于javascript - 在 HTML 中加载/调用 javascript 的适当位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31199116/