PTT數位生活區 / Ajax

[問題] 關於javascript擺放位置的疑問

看板Ajax作者 (阿川)時間14年前 (2011/05/20 20:10), 編輯推噓4(4推 0噓 16→)
留言20則, 5人參與, 最新討論串1/2 (看更多)
如題 小弟最近被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
推
05/20 20:14, , 1F
只要dom的物件被取得之前讀取到就好了
05/20 20:14, 1F
→
05/20 20:15, , 2F
不過建議除了引用的關係 不然還是放head好點~
05/20 20:15, 2F
→
05/20 20:15, , 3F
w3c標準也是要放head內y
05/20 20:15, 3F
→
05/20 20:53, , 4F
原來應該乖乖放在head內
05/20 20:53, 4F
→
05/20 20:53, , 5F
使用facebook API時　發現放在body內才work
05/20 20:53, 5F
→
05/20 20:53, , 6F
放在head內就失效了　看來我可能弄錯什麼地方了
05/20 20:53, 6F
→
05/20 20:54, , 7F
謝謝您！
05/20 20:54, 7F
推
05/20 22:39, , 8F
W3c有規定放在哪?
05/20 22:39, 8F
推
05/20 23:11, , 9F
</body>上面
05/20 23:11, 9F
→
05/20 23:18, , 10F
不過實際使用像是google analys那種 我也喜歡放在最後
05/20 23:18, 10F
→
05/20 23:18, , 11F
甚至放在Body後面因為這樣網頁讀完他才會讀那段js
05/20 23:18, 11F
→
05/20 23:19, , 12F
比較不會讀取一堆js導致網頁過慢~
05/20 23:19, 12F
推
05/20 23:38, , 13F
非必要的script 等之後再載入就好了 綁在onload上
05/20 23:38, 13F
→
05/20 23:39, , 14F
當然放在body後面也是可以 只是我喜歡把js集中在一起XD
05/20 23:39, 14F
→
05/20 23:39, , 15F
放在head裡
05/20 23:39, 15F
→
05/24 11:23, , 16F
放</body>前，放head的話必須讀完js才會顯示頁面，而且
05/24 11:23, 16F
→
05/24 11:23, , 17F
head中的js是逐個下載
05/24 11:23, 17F
→
05/24 11:26, , 18F
05/24 11:26, 18F
→
05/24 11:28, , 19F
Put Scripts at the Bottom 有說明
05/24 11:28, 19F
→
05/26 08:09, , 20F
喔喔 感謝
05/26 08:09, 20F
‣ 更多 poopoo888888 的文章
文章代碼(AID): #1DrbefNA (Ajax)
Ajax 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 poopoo888888 的文章
文章代碼(AID): #1DrbefNA (Ajax)