javascript - 在 HTML 中加载/调用 javascript 的适当位置

标签 javascript jquery html performance browser

我观察到在 HTMLhead 标记内声明 javascript 是一种通用行为,然后是 body 和其余内容.当我们有 jQuery 或我们想在我们的项目中引用的任何其他库文件时,这主要是实践,

为什么我们需要在 HTMLhead 标签中添加 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/

相关文章:

javascript - 如何让javascript在页面加载后发送ajax数据而无需按钮?

javascript - 使用 node.js 处理内容类型 application/json 的服务器响应

javascript - 如何在Jquery中的animate完整函数中调用外部函数

jquery - JQGrid 值和文本列

jquery - 如何删除textarea上的 "automatic new line"

javascript - 保护 Web 应用程序中的第三方库的安全

javascript - JQuery搜索功能,为什么我的潜水没有隐藏?

html - 动态调整单元格宽度后抑制按钮组中的按钮换行

html - 对齐 &lt;textarea&gt; 右上角的 <p> 标签?

javascript - Momentjs/Angularjs - 检查 2 个日期是否在同一时期 - TimeSheet 项目