App下載
話題 首頁(yè) > JavaScript 教程 > JavaScript 教程話題列表 > 詳情

javascript標(biāo)簽到底是應(yīng)該放在頭部還是尾部

精華
鵬魚(yú)燕 2016-10-26 01:50:57 瀏覽(19973) 回復(fù)(23) 贊(1)
按照我們的書(shū)寫(xiě)習(xí)慣，我們通常把javascript標(biāo)簽放到頭部，比如這樣 ![](http://m.hgci.cn:/attachments/day_161026/201610261352322621.png) 但是也有一說(shuō)，由于html中的js是按順序加載的，如果js沒(méi)有加載就會(huì)阻塞后面的html加載，所以考慮到網(wǎng)頁(yè)載入流暢，應(yīng)該把javascript放到最后面。 那么應(yīng)該按照什么原則來(lái)放置js標(biāo)簽的位置呢?
javascript html css jquery

回答(23)

陳 精華 2016-10-26

首先嘛，有部分資料上說(shuō)按照慣例是要把丟在中，但是這樣做就意味著網(wǎng)頁(yè)內(nèi)容必須等待所有的Javascript代碼下載、解析、執(zhí)行完畢后才能開(kāi)始呈現(xiàn)，這樣會(huì)導(dǎo)致網(wǎng)頁(yè)打開(kāi)延遲不利于用戶體驗(yàn)，所以一般的做法是降丟在最底部。如圖

HTML4.0.1（IE6這渣也能支持）中定義了一個(gè)屬性 defer 。定義了這個(gè)屬性腳本就會(huì)在整個(gè)頁(yè)面都載入后再執(zhí)行，這樣就不會(huì)造成 網(wǎng)頁(yè)打開(kāi)延遲。

不信可以試試呦~ 嘿嘿嘿

耀石石石 2016-11-29

根據(jù)js的作用要放在不同的放置

（1）放在頭部的

比如一些函數(shù)庫(kù)，例如常見(jiàn)的JQ庫(kù)<script type="javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>;

（2）放在底部的
例如某些需要文檔加載完成才開(kāi)始執(zhí)行的，document.getElementById();等

張學(xué)峰 2016-11-26

引用的一般在頭部 在內(nèi)部寫(xiě)的一般都是放在尾部

1940694428 2017-03-31

論用戶體驗(yàn)和性能來(lái)說(shuō)，一般放底部最好了，HTML從上到下加載，一旦你這個(gè)加載完成不了，其余的全空著，如果出來(lái)不了全部的頁(yè)面，部分的效果有用嗎？ 養(yǎng)成這個(gè)習(xí)慣，放在最底部。

- Charlie ° 2017-07-28

引入的放在頂部，本頁(yè)面放在底部

<html>
    <head>
        <script src="js/jquery.js"></script>
    </head>
    <body>
        <div></div>
        <script>
            function test(){


            }
        </script>
    </body>
</html>
?大叔i 2017-10-07

引入的放在頂部，本頁(yè)面放在body下面。。。

kukulonggg 2018-04-27

這個(gè)要看個(gè)人的開(kāi)發(fā)經(jīng)驗(yàn)、開(kāi)發(fā)功底，開(kāi)發(fā)習(xí)慣。如果你能保證自己的js能正常運(yùn)行，放在前面也可以，如果js文件比較大，需要較長(zhǎng)的加載或這下載時(shí)間（考慮到上帝體驗(yàn)），建議把js分割，放在合適的位置。如果不考慮加載等待或首次訪問(wèn)響應(yīng)效率問(wèn)題，可以考慮放在頁(yè)面的最后。

371515375 2016-10-28

性能上放末尾.但是習(xí)慣上放頭部~

3142717 2016-10-28

放在前 性能上有提高 提高很多的。

sinlor 2016-11-25

引用的一般在頭部

自己寫(xiě)的一般都是放在尾部

Sephiroth 2016-12-23

陳的回答長(zhǎng)知識(shí)了 不過(guò)我看到有直接在input text文本輸入框下面直接嵌入的（教程剛開(kāi)始看http://m.hgci.cn/tryrun/showhtml/tryjs_intro_validate 這個(gè)例子） 反正優(yōu)先考慮體驗(yàn)的同時(shí) 方便自己最好我感覺(jué)

7528 2017-09-04

由于jS是順序執(zhí)行，有些程序的script放在開(kāi)頭容易報(bào)錯(cuò)，因?yàn)槟承┟麤](méi)有檢索到就被執(zhí)行，這種情況一般放在結(jié)尾（性能比較好）。

G` 2017-09-13

習(xí)慣性放頭部，body里也可以放。

Silence廣 2018-01-18

由于jS是順序執(zhí)行，有些程序的script放在開(kāi)頭容易報(bào)錯(cuò)，因?yàn)槟承┟麤](méi)有檢索到就被執(zhí)行，這種情況一般放在結(jié)尾（性能比較好）。

1152696398 2018-05-31

這個(gè)領(lǐng)域不太懂!! 還是坐等大佬吧...

一筆荒蕪 2018-06-01

有同樣等問(wèn)題咋解決,只能慢慢等大神啦.留名留名。。

海海520 2018-07-03

根據(jù)js的作用要放在不同的放置（1）放在頭部的比如一些函數(shù)庫(kù)，例如常見(jiàn)的JQ庫(kù)](http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js%2522%253E%253C/script%253E);（2）放在底部的 例如某些需要文檔加載完成才開(kāi)始執(zhí)行的，document.getElementById();等

w995964550 2018-08-13

只知道angularjs文件最好在頭部引用，jquery文件最好在尾部引用，這東西要看庫(kù)而定，但是一般都是放在尾部吧，而且要先引用后加js語(yǔ)句

要回復(fù)，請(qǐng)先登錄 或者注冊(cè)