在HTML頁面中使用Javascript有兩種方式：
嵌入的Javascript代碼
這種方式是直接將Javascript代碼寫在HTML中，相應的用法是：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>在HTML中使用Javascript - 起飛網 - Javascript測試頁面</title>
<script type="text/javascript">
alert("歡迎使用Javascript - 起飛網");
</script>
</head>
<body>
</body>
</html>
在上面的代碼中，我們包含Javascript代碼的script標簽放在和head中，當我們運行頁面的時候，就會彈出一個對話框，如下圖：
除了可以放在head中，javascript代碼還可以放在body：
<body>
<h1>在HTML中使用Javascript - 起飛網</h1>
<script type="text/javascript">
//嵌入在body中的Javascrip代碼
alert("這是在body中的Javascript - 起飛網");
</script>
</body>
我們在body中加入一個script標簽，並讓它彈出一個對話框，當瀏覽器加載到這段代碼后會將其解釋執行，效果如下圖：
兩種寫法都可以被執行，既沒有推薦與不推薦寫法之分，更沒有正確與錯誤之別，主要看你的具體用法：如果你希望頁面在加載之初就開始執行javascript代碼，就應該將它放在head中；如果你希望在頁面加載到某個標簽之后執行Javascript代碼，就將其放在相應標簽的后面。
引用獨立的js文件
將Javascript代碼內嵌在HTML標簽中固然方便，但也容易造成頁面代碼混亂，通常情況下，我們會將Javascript代碼存放在一個js文件中，然后在HTML中引用js文件，寫法如下：
需要注意的是，加載外部JS文件是線程阻塞的，在沒有加載完成的時候，頁面不會繼續加載其后面的標簽，所以通常我們將引用的JS放在body的后面。
最后給出這個示例的下載，希望能夠幫助初學的朋友！