js工作筆記003---js編寫習慣_提高網頁顯示速度

技術交流QQ羣【JAVA,C++,Python,.NET,BigData,AI】:170933152 

標籤的位置 

按照傳統的做法,所有<script>元素都應該放在頁面的<head>元素中,例如: 
 
<!DOCTYPE html> 
<html> 
  <head> 
    <title>Example HTML Page</title> 
    <script type="text/javascript" src="example1.js"></script> 
    <script type="text/javascript" src="example2.js"></script> 
  </head> 
  <body> 
    <!-- 這裏放內容 --> 
  </body> 
</html> 
這種做法的目的就是把所有外部文件(包括 CSS 文件和 JavaScript 文件)的引用都放在相同的地方。
可是,在文檔的<head>元素中包含所有 JavaScript 文件,意味着必須等到全部 JavaScript 代碼都被下載、
解析和執行完成以後,才能開始呈現頁面的內容(瀏覽器在遇到<body>標籤時纔開始呈現內容)。對於
那些需要很多 JavaScript 代碼的頁面來說,這無疑會導致瀏覽器在呈現頁面時出現明顯的延遲,而延遲
期間的瀏覽器窗口中將是一片空白。爲了避免這個問題,現代 Web 應用程序一般都把全部 JavaScript 引
用放在<body>元素中頁面內容的後面,如下例所示:
<!DOCTYPE html> 
<html> 
  <head> 
    <title>Example HTML Page</title> 
  </head> 
  <body> 
    <!-- 這裏放內容 --> 
    <script type="text/javascript" src="example1.js"></script> 
    <script type="text/javascript" src="example2.js"></script> 
  </body> 
</html> 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章