作者poopoo888888 (阿川)
看板Ajax
標題[問題] 關於javascript擺放位置的疑問
時間Fri May 20 20:10:15 2011
如題
小弟最近被js code該放在哪給搞糊塗了
以前小弟都這樣放
<head>
<script>
//blah blah.. 所有js code都放這
</script>
</head>
後來小弟發現 有時這樣擺也可以
<body>
<script>
//blah blah..
</script>
</body>
後來又發現 有時不放在head跟body內也可以
<html>
<head>
</head>
<body>
</body>
<script>
//blah blah ...
</script>
</html>
但對於放在各個地方到底有什麼差異 還是搞不太清楚
請問各個地方的差異何在 適用時機又為何呢？
謝謝各位大大！
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.166.199.158
1F：推 tn801534:只要dom的物件被取得之前讀取到就好了 05/20 20:14
2F：→ tn801534:不過建議除了引用的關係 不然還是放head好點~ 05/20 20:15
3F：→ tn801534:w3c標準也是要放head內y 05/20 20:15
4F：→ poopoo888888:原來應該乖乖放在head內 05/20 20:53
5F：→ poopoo888888:使用facebook API時 發現放在body內才work 05/20 20:53
6F：→ poopoo888888:放在head內就失效了 看來我可能弄錯什麼地方了 05/20 20:53
7F：→ poopoo888888:謝謝您！ 05/20 20:54
8F：推 s25g5d4:W3c有規定放在哪? 05/20 22:39
9F：推 hellolucky:</body>上面 05/20 23:11
10F：→ tn801534:不過實際使用像是google analys那種 我也喜歡放在最後 05/20 23:18
11F：→ tn801534:甚至放在Body後面因為這樣網頁讀完他才會讀那段js 05/20 23:18
12F：→ tn801534:比較不會讀取一堆js導致網頁過慢~ 05/20 23:19
13F：推 s25g5d4:非必要的script 等之後再載入就好了 綁在onload上 05/20 23:38
14F：→ s25g5d4:當然放在body後面也是可以 只是我喜歡把js集中在一起XD 05/20 23:39
15F：→ s25g5d4:放在head裡 05/20 23:39
16F：→ beatada:放</body>前，放head的話必須讀完js才會顯示頁面，而且 05/24 11:23
17F：→ beatada:head中的js是逐個下載 05/24 11:23
19F：→ beatada:Put Scripts at the Bottom 有說明 05/24 11:28
20F：→ poopoo888888:喔喔 感謝 05/26 08:09