技術交流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>