javascript - 如何判断哪些javascript可以放在底部,哪些必须放在<head>中?

标签 javascript jquery xhtml

我们可以通过 3 种方式放置 JavaScript?

  1. 作为外部文件
  2. <head>
  3. 在正文中<body>

W3C 所有方法都有效?

那么如何判断JavaScript到底应该放在什么位置或者哪些必须放在<head>中呢?或在 <body>

  1. 我在很多网站上都见过 JavaScript
  2. <head> ,
  3. 作为外部js,
  4. 就在</body>之前和
  5. <body>....<body> 的任何时间 例如:在任何其他 XHTML 之前 将影响的标记/代码 使用该 JavaScript 代码。

更新: 我看到大多数人将 Google 分析代码用作底部的内联 javascript?

最佳答案

在我的编码中,我遵循以下关于 JS 组织的规则:

  1. 任何对时间不敏感和/或在文档加载后运行的 JS 都被放入外部 js 文件并包含在 head
  2. 任何需要尽快运行的 JS 都放在 DOM 中适当的位置(例如,如果您希望某些代码在必要的元素加载后立即运行,请将代码直接放在最后一个依赖元素的下方)<
  3. 任何外部跟踪库(如 Nielsen/Google)都位于底部 body 结束标记之前

关于javascript - 如何判断哪些javascript可以放在底部,哪些必须放在<head>中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2025347/

相关文章:

javascript - SAPUI5 中的原型(prototype)和扩展 (Component.js)

javascript - javascript中有没有一种快速的方法来确定祖先节点是否绝对定位而无需遍历整棵树?

javascript - 组合框在值更改时不刷新

javascript - 当用户点击使用 javascript 函数时显示一个 div

jquery - 如何垂直对齐 Twitter Bootstrap Carousel 的箭头?

PHP: onClick 不工作

javascript - 确定 html 标签的内容何时更改

javascript - JQuery 选择器包含括号

css - 添加菜单选项卡?

javascript - jQuery,动态 |访问动态目标