當頁面載入時，會執行位於body 部分的JavaScript。
當被調用時，位於head 部分的JavaScript 才會被執行。
實例
head 部分
包含函數的腳本位於文檔的head 部分。這樣我們就可以確保在調用函數前，腳本已經載入瞭。
body 部分
執行位於body 部分的腳本。
外部JavaScript
如何訪問外部腳本。
在哪裡放置JavaScript
頁面中的腳本會在頁面載入瀏覽器後立即執行。我們並不總希望這樣。有時，我們希望當頁面載入時執行腳本，而另外的時候，我們則希望當用戶觸發事件時才執行腳本。
位於head 部分的腳本：
當腳本被調用時，或者當事件被觸發時，腳本就會被執行。當你把腳本放置到head 部分後，就可以確保在需要使用腳本之前，它已經被載入瞭。
<html>
<head>
<script type="text/javascript"> …. </script>
</head>
….
位於body 部分的腳本：
在頁面載入時腳本就會被執行。當你把腳本放置於body 部分後，它就會生成頁面的內容。
<html>
<head>
</head>
<body>
<script type="text/javascript"> …. </script>
</body>
</html>
在body 和head 部分的腳本：
你可以在文檔中放置任何數量的腳本，因此你既可以把腳本放置到body，又可以放置到head 部分。
<html>
<head>
<script type="text/javascript"> …. </script>
</head>
<body>
<script type="text/javascript"> …. </script>
</body>
</html>
使用外部JavaScript
有時，你也許希望在若幹個頁面中運行JavaScript，同時不在每個頁面中寫相同的腳本。
為瞭達到這個目的，你可以將JavaScript 寫入一個外部文件之中。然後以.js 為後綴保存這個文件。
註意：外部文件不能包含<script> 標簽。
然後把.js 文件指定給<script> 標簽中的 “src” 屬性，就可以使用這個外部文件瞭：
<html>
<head>
<script src="xxx.js">….</script>
</head>
<body>
</body>
</html>
提示：您可以把.js 文件放到網站目錄中通常存放腳本的子目錄中，這樣更容易管理和維護。
摘自：Shine的聖天堂