在HTML文档中插入JavaScript的最佳位置

时间:2012-01-30 19:58:42

标签: javascript html

  

可能重复:
  Where is the best place to put <script> tags in HTML markup?

我应该在哪里放置javascript代码?

  <-- Here?
</body>
  <-- Here?
</html>
  <-- Here?

我一直在</body>之上使用,只是想知道这是否是“最好的”

8 个答案:

答案 0 :(得分:12)

如果JavaScript需要在整个页面加载之前准备就绪,请将其放在<head></head>之间。如果JavaScript需要在用户遇到页面上的某些内容之前就可用,则可以将其放在<body></body>中的元素之前(尽管人们很难为代码可读性做到这一点)。如果JavaScript只是进行了一些增强或提供跟踪信息(这不是必需的),您可以在</body>之前将其放在正确的位置。

答案 1 :(得分:3)

共识似乎是有两个明智的地方放置脚本:

  1. <head>部分:

    • Pro:脚本在内容之前加载,因此可以在用户与页面交互之前应用动态行为。
    • Con:用户必须等待下载和应用脚本,这会导致更高的跳出率和通常较差的性能。
  2. 之前 </body>标记:

    • Pro:内容已尽快加载并可供用户看到。
    • Con:动态行为,效果等不会立即应用。
  3. 您需要确定您的优先事项以及您的具体需求。就个人而言,我会对<head>中页面的正常运行以及最后逐步增强的任何内容施加绝对关键的任何内容。

答案 2 :(得分:1)

真的取决于你想要做什么。

一般的经验法则是你将javaScript代码放在一个单独的文件中并用这样的东西链接那个脚本

<script type="text/javascript" src="your/source/here.js"></script>

然后,让您的脚本内嵌在页面中,您可以将它放在您想要的位置。在页面的head部分内,它会事先加载,因此可以根据需要进行预处理。如果您拥有它,请说在页面的body部分,它将加载正常的页面流。

将所有内容放在同一个文件上,我会在head中添加脚本,如果需要,可以在body之后调用函数。

希望这有帮助。

修改

请记住,主要目标应该是代码的可读性和可重用性。因此,无论以最有效的方式实现这一点,我都不得不说是最好的方式。

答案 3 :(得分:1)

<script></body>之后放置</html>将无效,我不确定它会完成什么。建议将某些脚本(例如,用于分析服务)加载到正文末尾(就在</body>之前),因为它们会同步加载并可能会挂起页面。

答案 4 :(得分:0)

可以在任何地方添加JavaScript。在你学习的过程中,这只是一个基本的例子。

<html>
<head>
----- Your Javascript here -----
</head>
<body>
</body>
</html>

答案 5 :(得分:0)

</html><body>

那就是说,从那里它有时只是偏好。许多人在文档的最后说,因为有一个假设的速度增加。如果它在那里,它是微不足道的。

答案 6 :(得分:0)

不要认为它几乎与代码中的位置一样多,它是如何处理检查是否可以在触发时运行代码。即onload或onready。

HTML5样板文件促使大多数(如果不是所有)脚本成为正文中的最后一个元素,但是我还没有时间对它进行基准测试而不是将其置于头部。

答案 7 :(得分:-2)

如果你把javascript代码放在<head> // javascript code here </head>里面会更好 因为在您的页面出现之前加载了头部分。