小编典典

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仅为就绪事件值得吗?


阅读 289

收藏
2020-05-01

共1个答案

小编典典

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

至于:

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

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

2020-05-01