按照慣例，所有script>元素都應該放在頁面的head>元素中，這種做法的目的就是把所有外部文件(包指CSS文件和JavaScript文件)的引用都放在相同的地方。下面學步園小編來講解下JS的script標籤放置位置在哪裡?
JS的script標籤放置位置在哪裡
html>
head>
title>ExampleHTMLPage/title>
scripttype="text/javascript"src="example1.js">/script>
scripttype="text/javascript"src="exarnple2.js">/script>
/head>
body>
!--這裡放置內容-->
/body>
/html>
這種做法的目的就是把所有外部文件(包指CSS文件和JavaScript文件)的引用都放在相同的地方。可是，在文擋的head>元素中包含所有JavaScript文件，意味著必須等到全部JavaScript代碼都被下載、解析和執行完成以後，才能開始呈現頁面的內容(瀏覽器在遇到body>標籤時才開始呈現內容)。對於那些需要很多JavaScript代碼的頁面來說，這無疑會導致瀏覽器在呈現頁面時出現明顯的延遲，而延遲期間的瀏覽器窗口中將是一片空白。為了避免這個問題，現代Web應用程序一般都把全部JavaScript引用放在body>元索中，放在頁面的內容後面。如下例所示：
html>
head>
JS的script標籤放置位置在哪裡
title>ExampleHTMLPage/title>
/head>
body>
!--這裡放置內容-->
scripttype="text/javascript"src="example1.js">/script>
scripttype="text/javascript"src="example2.js">/script>
/body>
/htrnl>
這樣，在解析包含的JavaScript代碼之前，頁面的內容將完全呈現在瀏覽器中。而用戶也會因為瀏覽器窗口顯示空白頁面的時間縮短而感到打開頁面的速度加快了。
以上就是關於「JS的script標籤放置位置在哪裡」的內容，希望對大家有用。更多資訊請關注學步園。學步園，您學習IT技術的優質平台!