📌  相关文章
📜  我什么时候把我的脚本放在html的body标签中(1)

📅  最后修改于: 2023-12-03 15:25:41.884000             🧑  作者: Mango

如何将脚本放在HTML的body标签中？

当你需要在网页中添加动态功能时，你需要在HTML文档中插入JavaScript脚本。一般来说，脚本必须被包含在HTML文档的<head>标签或<body>标签中。但是，什么时候把脚本放在<head>标签中，什么时候放在<body>标签中呢？

放在标签中

如果脚本包含在<head>标签中，它将在页面加载时运行，然后再次运行页面的<body>标签中的脚本。这意味着，如果你的脚本需要在页面加载时运行，比如说，你需要做一些初始化的设置或者在页面中创建一些元素，你应该把脚本放在<head>标签中。

<!DOCTYPE html>
<html>
  <head>
    <title>My page</title>
    <script>
      // 这里是你的脚本代码
    </script>
  </head>
  <body>
    <!-- 页面内容 -->
    <script>
      // 这里是你的脚本代码
    </script>
  </body>
</html>
放在标签中

如果你的脚本不需要在页面加载时就运行，或者需要等待页面加载后才能运行，比如说，你需要响应用户的某些操作来动态的修改页面内容，你应该把脚本放在<body>标签中。

注意，如果你把脚本放在文档的末尾，即在</body>标签之前，可以加快页面加载速度，因为浏览器会先加载页面的内容，然后才会解析和执行脚本。

<!DOCTYPE html>
<html>
  <head>
    <title>My page</title>
  </head>
  <body>
    <!-- 页面内容 -->
    <script>
      // 这里是你的脚本代码
    </script>
  </body>
</html>

综上，你需要考虑你的脚本是否需要在页面加载时就运行，或者需要等待页面加载后才能运行，以便决定将脚本放在<head>标签还是<body>标签中。

参考文献：