js的script標籤到底是放在head還是body中

2021-03-26 11:40:31 字數 2205 閱讀 1050

1樓:阿華先生

其實就是一個先後處理的問題,頁面是線性載入的。如果的js處理需要在頁面載入之前完成,那就放到head裡頭,如果不是則隨意放置。在開發的時候可以不用考慮這個問題啦,到後期調整的時候再考慮是不是可以更改存放地方來加快載入速度。

引入js的script標籤到底是放在head還是body中

2樓:企鵝笨蛋

這個沒有明確規定的,只要自己引入的順序是對的,就可以了。

引入js的script標籤到底是放在head還是body中

3樓:育知同創教育

引入js的script標籤到底是放在head

放在body中是不起作用的

4樓:匿名使用者

具體說都是可以的,但各有各的好處。

放在head中:統一管理,方便維護;但瀏覽器會首先載入js檔案,如果js檔案過大,會造成頁面在載入js的時候「無反應」時間過長,影響使用者體驗。

放在body中(或放在body後):瀏覽器會首先載入js檔案之前的元素,並顯示到介面上,這樣給使用者的體驗較好,但是不方便維護。

建議:頁面初始化需要用到的js或者比較小的js檔案,放在head中。比較特殊的用於頁面指定位置的js檔案放在body中對應位置。較大的,影響使用者體驗的js檔案放在body後。

引入js的script標籤到底是放在head還是body中

5樓:子不語的節奏

js因為要操作dom,是要頁面載入後執行像jquery這種庫可以放在head裡面,你自己寫的js應該放在body的最下面

補充:頁面載入後執行:

只要將script放在body的結尾,預設就是頁面載入後執行

2種:1. window.onload=function()

在頁面載入後自動觸發

問題: onload: 整個載入完成: html , css , js , **...

onload中通常執行dom操作,和css和**無關

解決: ondomcontentloaded: 僅dom樹和js載入完成

其實domcontentloaded時就已經可以執行dom操作

如何: $(document).ready(function())

ondomcontentloaded:

簡化: $().ready(function())

更簡化: $(function())

其實: 將script放在body結尾,就已經是domcontentloaded

js的script標籤到底是放在head還是body中

6樓:匿名使用者

準確的說有三种放置方法:head中,body中,html結束標籤之後

只是放置的位置不同,有時候會影響頁面的載入速度

個人一般習慣會用第三種方法,放在head中就會加一個onload方法使用

引入js的script標籤到底是放在head還是body中

7樓:匿名使用者

需要儘早載入的js放在head中

其他js一般一律放在body末尾處,防止js阻塞頁面的渲染需要儘早載入的js**包括但不限於:

1.統計頁面載入時間的**,記錄頁面開啟的時間2.不會更改dom的一些**邏輯(頁面呈現前就要開始執行的一些邏輯)3.計算rem根字型大小的js**

8樓:夠愛的狐狸

body中,應為js一般比較大。所以讓頁面先渲染完在引用。

引用外部js的標籤放在放後面有什麼問題嗎?

9樓:匿名使用者

理論上來說js標籤放在html文件的任何位置都可以,規範起見,推薦放到body結束標籤的末尾,包含到body標籤內:

這樣處理的好處是無需擔心因頁面未完成載入,造成dom節點獲取不到,使指令碼報錯的問題,而且能避免因指令碼執行緩慢造成頁面卡死的問題。另外,yahoo的前端優化指南里就有這一條。

10樓:內的權勢

可以放在html裡面任何位置,放在body後面是等body載入完後,依次往下執行,避免,先載入了js,缺找不到body裡面的dom物件而造成js出錯,所以一般要用window.onload來判斷頁面是否載入完成。

div標籤到底是什么元素,div標籤到底是什麼元素

是行級元素!佔網頁一整行!請問div標籤是什麼意思?有什麼用處?div表示層,建議你先看看css,html,就明白了 jsp中div 標籤到底有什麼用?div元素是用來為html文件內大塊 block level 的內容提供結構和背景的元素。div的起始標籤和結束標籤之間內的所有內容都是容用來構成這...

誰能告訴我。進口紅酒的標籤到底是國外弄還是怎麼弄的?背標籤正標籤到底誰貼的急需

原標籤,當然是國外貼了。中文背標標籤,可以你讓國外貼好,也可以到國內保稅區貼。大部分都是到國內貼的。因為中文標籤,要符合我國國標,而且最好到商檢局做好標籤稽核,也就是你說的標籤備案,之後再貼。有需要進口清關,有什麼不懂得,可以找我。無論在酒吧 還是在宴會上,紅酒作為鑑賞 品評的無上妙品,正逐漸被.倒...

HTML5的新標籤到底有什麼意義和使用場景

html5的新標籤更加的語義話了,比如nav 表示導航標籤,header表示頭部,footer表示底部,section表示主體內容的標籤,html5的一般結構可以。在ie9及以上可以識別。html5的語義化標籤有哪些,作用是什麼 定義頁首 定義導航 定義文件中的區段 定義日期和時間 定義文章 定義文...