首頁 > web前端 > js教程 > javascript標籤在頁面中的位置探討_基礎知識

javascript標籤在頁面中的位置探討_基礎知識

WBOY
發布: 2016-05-16 17:37:23
原創
1051 人瀏覽過

在製作網頁的過程中,我們常寫類似下面的程式碼:
[html]

複製程式碼 程式碼如下:



Example HTML Page









Example HTML Page








按照慣例,所有的<script>元素都應該放在頁面的<head>元素中。請注意:無論引用幾個外部js文件,瀏覽器都會按照<script>元素在頁面中出現的先後順序對它們依次進行解析 。換句話說,在第一個<script>元素包含的程式碼解析完成後,第二個<script>包含的程式碼才會被解析,然後才是第三個、第四個... <BR>這種做法的目的就是把所有外部文件(包括CSS檔案和JavaScript檔案)的引用都放在相同的地方。可是,在文件的<head>元素中包含所有JavaScript文件,意味著必須等到全部JavaScript程式碼都被下載、解析和執行完成以後,才能開始呈現頁面的內容(瀏覽器在遇到<body>標籤時才開始呈現內容)。對於那些需要很多JavaScript程式碼的頁面來說,這無疑會導致瀏覽器在呈現頁面時出現明顯的延遲,而延遲期間的瀏覽器視窗將是一片空白。為了避免這個問題,現代Web應用程式一般都會把全部JavaScript引用放在<body>元素中,放在頁面的內容後面,如下所示:<BR>[html] <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="92026" class="copybut" id="copybut92026" onclick="doCopy('code92026')"><U>複製程式碼 程式碼如下:<div class="codebody" id="code92026"> <BR><html> <BR><head> <BR><title>Example HTML Page <BR> <BR><body> <BR><!-- 這裡放內容--> <BR><script type="text/javascript" src="example1.js"></script>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板