JavaScript-头，主体还是jQuery？

一尘不染

JavaScript-头，主体还是jQuery？

javascript

这个问题只是为了澄清一些事情。之前曾有人问过类似的事情，这使它们都变成一个问题-
JavaScript在HTML文档中应该放在哪里，或更重要的是，这有关系吗？所以，我要问的一件事是

<head>
<script type="text/javascript">
alert("Hello world!");
</script>
</head>

在功能上完全不同于

<body>
<!-- Code goes here -->
<script type="text/javascript">
alert("Hello world!");
</script>
</body>

更重要的是，我想关注以任何方式修改或使用DOM元素的JS。所以我知道，如果您在身体中放置类似document.getElementById("test").innerHTML = "Hello world!"before的东西<element id="test"></element>，那将无法正常工作，因为身体是从顶部到底部加载的，首先进行JS加载，然后将继续尝试操作不起作用的元素存在。因此，就像上面一样，它应该<head>放在</body>标记中或之前。问题是，除了组织和分类之外，选择其中之一是否重要，如果选择的话，以什么方式？

当然，还有第三种方法-jQuery方法：

$(document).ready(function(){ /*Code goes here*/ });

这样，将代码放置在主体中的位置无关紧要，因为只有在所有内容加载完毕后才会执行。这里的问题是，仅
使用一种可以通过准确放置脚本来代替需要的方法，导入一个巨大的JS库是否值得？我想在这里整理一下内容，如果您想回答，请继续！简介：不同类型的脚本应该放在哪里-
头部或正文，和/或有关系吗？jQuery仅为就绪事件值得吗？

阅读 255

2020-05-01

共1个答案

一尘不染

当您将脚本放入<head>标记中时，浏览器会继续使用它们，从而使其他内容保持不变，直到加载脚本时，用户会感觉页面加载缓慢。这就是为什么您应该将脚本放在底部。

至于：

$(document).ready(function(){/*Code goes here*/});

当DOM可用并准备好进行操作时会触发该事件。如果你把你的代码在最后，你不一定会因为你想做一些事情需要这个，但通常这是需要尽快 DOM可供使用。

2020-05-01