在哪裡放置JavaScript 代碼？
通常情況下，JavaScript 代碼是和HTML 代碼一起使用的，可以將JavaScript 代碼放置在HTML 文檔的任何地方。但放置的地方，會對JavaScript 代碼的正常執行會有一定影響，具體如下所述。
放置於<head></head>之間
將JavaScript 代碼放置於HTML 文檔的<head></head> 標籤之間是一個通常的做法。由於HTML 文檔是由瀏覽器從上到下依次載入的，將JavaScript 代碼放置於<head></head> 標籤之間，可以確保在需要使用腳本之前，它已經被載入了：
複製代碼代碼如下:
<html>
<head>
<script type="text/javascript">
……
JavaScript 代碼
……
</script>
</head>
....
放置於<body></body>之間
也有部分情況將JavaScript 代碼放置於<body></body> 之間的。設想如下一種情況：我們有一段JavaScript 代碼需要操作HTML 元素。但由於HTML 文檔是由瀏覽器從上到下依次載入的，為避免JavaScript 代碼操作HTML 元素時，HTML 元素還未載入而報錯（對像不存在），因此需要將這段代碼寫到HTML 元素後面，例子如下：
複製代碼代碼如下:
<html>
<head>
</head>
<body>
</body>
<div id="div1"></div>
<script type="text/javascript">
document.getElementById("div1").innerHTML="測試文字";
</script>
</html>
但通常情況下，我們操作頁面元素一般都是通過事件來驅動的，所以上面這種情況並不多見。另外我們不建議將JavaScript 代碼寫到<html></html> 之外。
提示
如果HTML 文檔聲明為XHTML ，<script></script> 標籤必須在CDATA 部分內聲明，否則XHTML 將把<script></script> 標籤解析為另一個XML 標籤，裡面的JavaScript 代碼可能不會正常執行。因此，在嚴格的XHTML 中使用JavaScript 應該像如下示例一樣聲明：
複製代碼代碼如下:
<html>
<head>
<script type="text/javascript">
<![CDATA[
JavaScript 代碼
]]>
</script>
</head>
....
以上兩種將JavaScript 代碼寫到HTML 文檔中的方式，都是HTML 文檔內部引用JavaScript 代碼的方式。除了內部引用，還可以使用外部引用方式。
外部引用JavaScript 代碼
將JavaScript 代碼（不包括<script></script>標籤）單獨形成一個文檔，並以js 後綴命名，如myscript.js ，並在HTML 文檔<script></script> 標籤中使用src 屬性來引用該文件：
複製代碼代碼如下:
<html>
<head>
<script type="text/javascript" src="myscript.js"></script>
</head>
....
在使用了外部引用JavaScript 代碼之後，其好處顯而易見：
1.避免在JavaScript 代碼裡使用<!-- ... //-->
2.避免使用難看的CDATA
3.公共的JavaScript 代碼可以被復用於其他HTML 文檔，也利於JavaScript 代碼的統一維護
4.HTML 文檔更小，利於搜索引擎收錄
5.可以壓縮、加密單個JavaScript 文件
6.瀏覽器可以緩存JavaScript 文件，減少寬帶使用（當多個頁面同時使用一個JavaScript 文件的時候，通常只需下載一次）
7.避免使用複雜的HTML 實體，如可以直接使用document.write(2>1) 而無需寫作document.write(2<1)
將JavaScript 代碼形成為外部文件，也會增加服務器的HTTP 請求負擔，在超高並發請求的環境下，這並不是一個好的策略。另外在引用外部js 文件時，需注意文件的正確路徑。