Avatar ·

HTML中<script>标签的正确位置:在哪里以及为什么?

大家好!我是web开发新手,一直搞不清楚应该把script放在HTML文档的哪个位置。在不同的教程中我看到不同的做法:有人把script放在里,有人放在末尾。我试过两种方式,但都遇到了问题。 下面是一个例子。我有一个简单的script,用来修改标题的文本: ```javascript document.getElementById('title').textContent = '新标题'; ``` 如果我把这个script放在里: ```html

旧标题

``` 浏览器控制台会报错:"Cannot read properties of null (reading 'textContent')"。但如果把script移到末尾,就能正常工作。 不过我听说,如果script很多,把它们放在里可能会加快页面加载速度。或者相反——会变慢?我还看到有人使用async和defer属性。请解释一下,哪种做法是正确的?