JavaScript代码应该放在HTML代码哪个位置比较好？

由于 script 标签对资源的加载会阻塞页面的渲染，所以一般放在页面的尾部，当然如果你的 script 带上 async 属性的话，放前面也无所谓

CSS 在上 JS 在下

页面标签元素是按顺序加载，因此为保障页面迅速渲染且 js 正常执行（如果 dom 未加载完，先执行了 js 操作 dom 会找不到节点），建议将 script 放到 body 闭合标签的前面。
也可以将 script 标签放在 head 中，但要声明 defer="defer"，也就是延迟到页面加载完成后加载并执行 js。

一般放在底部

现在早就不是旧时代的「放在 </body> 前」了，如果你的站点是 JS 驱动渲染的，那么放在头部亦可。并且，看情况使用 async defer 属性。

一般来说建议是放在 html 中

由于浏览器从上到下按顺序加载，原则上放在body内，所有html标签后， 这样javascript脚本加载不会阻塞页面的正常显示。

原则上可以放在head中，也可以放在body的任意位置。
实际开发中一般都放在body内，所有html代码后body结束标签之前，如果出错不会影响页面内容的加载

建议放置文档：https://www.jb51.net/article/56337.htm