久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

js放到head中失效怎么辦

小編給大家分享一下js放到head中失效怎么辦，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

從網(wǎng)站建設到定制行業(yè)解決方案，為提供網(wǎng)站設計、成都網(wǎng)站建設服務體系，各種行業(yè)企業(yè)客戶提供網(wǎng)站建設解決方案，助力業(yè)務快速發(fā)展。創(chuàng)新互聯(lián)將不斷加快創(chuàng)新步伐，提供優(yōu)質的建站服務。

1.今天寫js碰到一個奇怪的問題，寫好的js放到body里面執(zhí)行，但是放到head中沒有任何效果，為什么導致這種原因呢？

看失效代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title> new document </title>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <style type="text/css">
 .login{width:40px;height:25px;line-height:25px;background-color:#4E74A5;margin-top:30px;text-align:center;color:#FFF;}
 </style>
 <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
 <script type="text/javascript">
 $(".login").click(function(){
   alert(1);
   });
 </script>
 </head>
 <body>
 <input type="text" class="pass" />
 <div id="enter" class="login"> 登錄</div>
 </body>
</html>

2.解決辦法：把js代碼放到body中，或者利用 window.onload = function(){} 代碼包裹，文檔加載之后再執(zhí)行，以后不建議放到head中。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title> new document </title>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <style type="text/css">
 .login{width:40px;height:25px;line-height:25px;background-color:#4E74A5;margin-top:30px;text-align:center;color:#FFF;}
 </style>
 <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
 <script type="text/javascript">
 window.onload = function(){
 $(".login").click(function(){
   alert(1);
   });
 } 
 </script>
 </head>
 <body>
 <input type="text" class="pass" />
 <div id="enter" class="login"> 登錄</div>
 </body>
</html>

3.原因：

因為文檔還沒加載，就讀了js，js就不起作用了想在head里用的話，用window.onload = function(){//這里包裹你的代碼}

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

1.不阻塞頁面的加載(事實上js會被緩存)。

2.可以直接在js里操作dom，這時候dom是準備好的，即保證js運行時dom是存在的。

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

4.延伸：

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

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

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

網(wǎng)頁標題：js放到head中失效怎么辦
文章分享：http://sd-ha.com/article4/jjcjoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設、網(wǎng)站改版、網(wǎng)站設計公司、品牌網(wǎng)站建設、網(wǎng)站設計、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)