在HTML中嵌入JavaScript指令碼

把用戶端JavaScript代碼嵌入HTML文檔有很多方法：

① 放置在標記對<script>和</script>之間。

② 放置在由<script>標記的src屬性指定的外部檔案中。

③ 放置在事件控制代碼中，該事件控制代碼由onclick或onmouseover這樣的HTML 屬性值指定。

④ 在一個URL之中，這個URL使用特殊的javascript : 協議。

<script>標記：

用戶端JavaScript代碼是HTML檔案的一部分，通常放置在標記<script>和</script>之間。

<script>// your JavaScript code goes here</script>

在XHTML中，<script>標記中的內容被當作其他內容一樣地對待。如果JavaScript程式碼封裝含了<和&字元，這些字元就被解釋成為XML標記。因此，如果要使用XHTML，最好把所有的JavaScript代碼放入到一個CDATA部分中：

<script><![CDATA[//your JavaScript code goes here]]></script>

外部檔案中的指令碼：

<script>標記支援src屬性。這個屬性的值指定了一個包含JavaScript代碼的檔案的URL。它的用法如下：

<script src="../../scripts/util.js"></script>

JavaScript檔案的副檔名通常是.js，它只包含純粹的JavaScript代碼，其中既沒有<script>標記，也沒有其他HTML標記。

下面是使用src屬性的一些優點：

⑴ 它可以把大型JavaScript代碼塊移出HTML檔案，這有助於把內容和行為分離，從而簡化了HTML檔案。使用src屬性是無幹擾的JavaScript編程的基石。

⑵ 當某個函數或JavaScript代碼由幾個不同的HTML檔案分享權限設定時，可以將它放置在一個單獨的檔案中，然後由那些需要它的HTML檔案讀取。這樣使得代碼的可維護性更好。

⑶ 如果使用JavaScript函數的頁面不止一個，那麼可以將它們放置在單獨的JavaScript檔案中，使瀏覽器將其緩衝起來，這樣裝載它們時速度更快。由多個頁面共用JavaScript代碼時，雖然初次開啟一個JavaScript檔案要求瀏覽器開啟一個單獨的網路連接，以便下載那個JavaScript檔案，但是快取節省的時間遠遠大於這個延遲。

⑷ 由於src屬性的值可以是任意的URL，因此來自一個web伺服器的JavaScript程式或web網頁可以使用由另一個web伺服器輸出的代碼。很多互連網廣告依賴於此。