html - javascript脚本应该写在代码的什么地方

Question

目前看到的有写在&lt;head&gt;&lt;/head&gt;里的，有写在&lt;body&gt;&lt;/body&gt;末尾的。我知道js是阻塞加载的，写在&lt;body&gt;的末尾可以让它在页面加载完以后最后加载，但是我今天在无意中查看百度的页面...

巴扎黑 · Answer

1. HEAD中的脚本，是可以保证脚本在任何调用之前被加载。

2. BODY中的脚本，当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

3. Javascript可以放在页面的任何地方，它的加载顺序与页面的加载顺序一致，页面加载时，先加载head部分，后加载body部分，所以当把javascript代码块放在HTML前面时，它将先于head被加载，当放在head里面时，它将先于body被加载，当放在页面最后的的html之外时，它将最后被加载。

黄舟 · Answer

是的，没有关系。只需要记住：你的这行JS如果要控制DOM，请确保该DOM已经在这行JS执行之前已经存在于HTML的DOM树中即可。

怪我咯 · Answer

js文件最好是独立出来存放，多个Javascript文件，为了减少对站点的请求次数（提高性能），应该把这些.js文件合并在一个文件中。

迷茫 · Answer

一般来说，为了避免页面被js脚本阻塞，最好是放在body末尾。

script标签本身是可以放置在页面任意位置（甚至前后），主流浏览器都会做出合理的判断。

PHP中文网 · Answer

看情况，选择合适的加载情况。

天蓬老师 · Answer

按照功能来说都可以，但一般都集中写，一般都是在html代码后，html和js之间写import的js文件。

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程