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文件。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル