这个问题只是为了澄清一些事情。之前曾有人问过类似的事情,这使它们都变成一个问题- 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>标记中或之前。问题是,除了组织和分类之外,选择其中之一是否重要,如果选择的话,以什么方式?
document.getElementById("test").innerHTML = "Hello world!"
<element id="test"></element>
<head>
</body>
当然,还有第三种方法-jQuery方法:
$(document).ready(function(){ /*Code goes here*/ });
这样,将代码放置在主体中的位置无关紧要,因为只有在所有内容加载完毕后才会执行。这里的问题是, 仅 使用一种可以通过准确放置脚本来代替需要的方法,导入一个巨大的JS库是否值得?我想在这里整理一下内容,如果您想回答,请继续!简介:不同类型的脚本应该放在哪里- 头部或正文,和/或有关系吗?jQuery仅为就绪事件值得吗?
当您将脚本放入<head>标记中时,浏览器会继续使用它们,从而使其他内容保持不变,直到加载脚本时,用户会感觉页面加载缓慢。这就是为什么您应该将脚本放在底部。
至于:
$(document).ready(function(){/*Code goes here*/});
当DOM可用并准备好进行操作时会触发该事件。如果你把你的代码在最后,你不一定会因为你想做一些事情需要这个,但通常这是需要 尽快 DOM可供使用。