學習了HTML入門教程之後，我們都知道HTML頁面是靜態的，要實現某些動態效果，就要引入JavaScript。本節課就來給大家講解一下怎樣在HTML頁面中引入JavaScript。這節課不涉及太多編程方面的知識，先給大家說一下引用方式，這樣大家至少都知道在哪編程，然後再在後面章節跟大家促膝長談編程方面的知識。
JavaScript在HTML的引用共有4種：
By the way，這4種引入方式都very very 常用，大家一定要好好理解一下喔。
在頁頭引入JS，指的就是在<head></head>標簽內編寫JavaScript。
語法：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//這裡編寫JavaScript程序
</script>
</head>
<body>
</body>
</html>
說明：
<script type="text/javascript">……</script>格式是固定的，JavaScript代碼必須在<script></script>標簽內編寫，並且必須設置type屬性值為“text/javascript”。
<script type="text/javascript">……</script>這句語句要記憶的喔，別到時候寫個JavaScript程序連這句都要回來這裡復制代碼過去呀。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.write(" 學習網JavaScript入門教程");
</script>
</head>
<body>
</body>
</html>
在浏覽器預覽效果如下：
分析：
“document.write()”表示在頁面輸入某一個內容，大家記住這個語句，後面經常用喔。
在頁中引入JS，指的就是在<body></body>標簽內編寫JavaScript。
語法：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//這裡編寫JavaScript程序
</script>
</body>
</html>
說明：
在body標簽內引入JavaScript跟在head標簽引入JavaScript語法格式類似，在此不再重復講解。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
document.write(" 學習網JavaScript入門教程");
</script>
</body>
</html>
在浏覽器預覽效果如下：
在元素事件中引入JS，就是指在元素的某一個屬性中直接編寫JavaScript程序或調用JavaScript函數，這個屬性指的是元素的“事件屬性”。
舉例1：（在元素事件屬性中直接編寫JavaScript）
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<input type="button" onClick="alert(' 學習網')" value="按鈕"/>
</body>
</html>
在浏覽器預覽效果如下（點擊按鈕效果）：
舉例2：（元素事件屬性調用JavaScript函數）
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function alertMessage()
{
alert(" 學習網");
}
</script>
</head>
<body>
<input type="button" onclick="alertMessage()" value="按鈕"/>
</body>
</html>
在浏覽器預覽效果如下（點擊按鈕效果）：
引入外部JS文件，說白了就是把JavaScript程序存放在一個後綴名為.js的文件中，然後使用script標簽來引用。此外，引用外部JS文件的script標簽可以放在head標簽內，也可以放在body標簽中。
語法：
<script src="js/index.js" type="text/javascript"></script>
可能大家剛剛開始很難去深入理解並記憶這4種JS引用方式，不過沒關系，以後大家忘了再回來這裡看看，編程這種東西一回生二回熟，寫多了自然就會記得。
總結1、JavaScript在HTML的引用共有4種：
（1）頁頭引入（head標簽內）；
（2）頁中引入（body標簽內）；
（3）元素事件中引入（標簽屬性中引入）；
（4）引入外部JS文件；
這四種引用方式都非常重要，沒有哪一種不重要的。