.login{width:40px;height:25px;line-height:25px;background-color:#4E74A5;margin-top:30px;text-align:center;color:#FFF;}
 
 
 
 $(".login").click(function(){
   alert(1);
   });
 
 
 
 
  登錄

 
 
 
 
 .login{width:40px;height:25px;line-height:25px;background-color:#4E74A5;margin-top:30px;text-align:center;color:#FFF;}
 
 
 
 window.onload = function(){
 $(".login").click(function(){
   alert(1);
   });
 } 
 
 
 
 
  登錄

3.原因：

因?yàn)槲臋n還沒(méi)加載，就讀了js，js就不起作用了想在head里用的話，用window.onload = function(){//這里包裹你的代碼}

js可以分為外部的和內(nèi)部的，外部的js一般放到head內(nèi)。內(nèi)部的js也叫本頁(yè)面的JS腳本，內(nèi)部的js一般放到body內(nèi)，這樣做的目的有很多：

1.不阻塞頁(yè)面的加載(事實(shí)上js會(huì)被緩存)。

2.可以直接在js里操作dom，這時(shí)候dom是準(zhǔn)備好的，即保證js運(yùn)行時(shí)dom是存在的。

3.建議的方式是放在頁(yè)面底部，監(jiān)聽(tīng)window.onload 或 readystate 來(lái)觸發(fā)js。

4.延伸：

head內(nèi)的js會(huì)阻塞頁(yè)面的傳輸和頁(yè)面的渲染。head 內(nèi)的 JavaScript 需要執(zhí)行結(jié)束才開(kāi)始渲染 body，所以盡量不要將 JS 文件放在 head 內(nèi)?？梢赃x擇在 document 完成時(shí)，或者特定區(qū)塊后引入和執(zhí)行 JavaScript。head 內(nèi)的 JavaScript 需要執(zhí)行結(jié)束才開(kāi)始渲染 body，所以盡量不要將 JS 文件放在 head 內(nèi)?？梢赃x擇在 document 完成時(shí)，或者特定區(qū)塊后引入和執(zhí)行 JavaScript。

所以在head內(nèi)的js一般要先執(zhí)行完后，才開(kāi)始渲染body頁(yè)面。為了避免head引入的js腳本阻塞流浪器中主解析引擎對(duì)dom的解析工作，對(duì)dom的渲染，一般原則是，樣式在前面，dom文檔，腳本在最后面。遵循先解析再渲染再執(zhí)行script這個(gè)順序。

以上是“js放到head中失效怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！