我应该如何将我的脚本放在我的html文件中?

时间:2015-05-04 17:08:33

标签: javascript html

我应该如何将我的脚本放在我的html文件中?浏览器有什么不同吗?

  1. 要将所有<script>元素放在<body>
  2. 之前
  3. 将所有<script>元素放置在<body>
  4. 的顶部
  5. 将所有<script>元素放置在<body>
  6. 的末尾
  7. 将所有<script>元素放在</body>
  8. 之后

    因为我认为我以前使用过所有4种变体,但我认为</script>元素的位置应该有一定的一致性。

5 个答案:

答案 0 :(得分:8)

根据经验:脚本标签应该在底部,除非它们需要更高。

这是因为它们会阻止页面的其余部分呈现,直到该脚本完成执行。

我认为谷歌建议将他们的分析跟踪脚本放在首位。如果人们在加载之前离开您的网站,他们仍然可以跟踪访问。

答案 1 :(得分:0)

你几乎可以放在任何地方,但主要的方法是将它放在<head>或身体部位之后。放置文档的所有正文后将加快页面加载

答案 2 :(得分:0)

我认为这取决于脚本文件的用法。 文档中较高的文件会在较早时加载,但是您是否需要尽快加载?

Google建议不要在头部加载javascript(https://developers.google.com/speed/docs/insights/BlockingJS)。

但是一些跟踪代码(以及谷歌分析也是:https://support.google.com/analytics/answer/1008080?hl=en)需要放在文档的head部分,以便正确收集数据。

此外,javascript可用于内容加载等,因此应尽可能放置。

答案 3 :(得分:0)

将所有同步(正常的)加载脚本放在<body>的底部是一种很好的做法,因为它们阻止了页面其余部分的呈现。

但是,异步加载的脚本和跟踪器(即Google Analytics)可以放在任何地方,因为它们是下载并且并行执行的,它们应该尽快启动。

对于同步脚本,顺序由依赖关系确定,通常首先是基本框架(即jQuery),然后是模块或插件,然后是你自己的“inicialization”代码。

答案 4 :(得分:0)

通常在页面完全加载后执行脚本代码是必要的。在这种情况下,默认选项就在</body>标记之前。

在某些情况下,您需要在页面加载到head标记之前包含脚本。