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的標籤放在放