第一講：HTML調用JavaScript
相信開始學JavaScript的同學都已經有了HTML和CSS的基礎。如果沒學，建議回頭去學習。
1.1 <script>元素
JS（對JavaScript的簡稱，以下都用JS代替）插入HTML的主要方法就是使用<script>標籤。它有5個屬性：
（1）type（language）：腳本語言的內容類型（同調用CSS的type=“text/css”類似），type="text/javascript"；
（2）src ：導入外部的JS文件,src="example.js"；
（3）charset：用來設置script元素包含的腳本的字符編碼，默認是utf-8編碼 （只針對外部腳本）；
（4）defer：設置腳本延遲執行（只針對外部腳本）；
（5）async：在加載HTML文件的同時異步加載腳本（只針對外部腳本）。
1.2 嵌入<script>的方式
（1）直接在頁面嵌入JS代碼：可以在head和body標籤中，位置的不同只會影響加載腳本的時間，通常可以忽略。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript腳本語言</title>
<script type="text/javascript"> //在head標籤中插入
function sayHi{
alert("Hi");
}
</script>
</head>
<body>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>JavaScript腳本語言</title>
</head>
<body>
<script type="text/javascript"> //在body中插入
function sayHi{
alert("Hi");
}
</script>
</body>
</html>（2） 在head標籤中添加外部JS文件：注意外部文件以 .js後綴結尾，在JS文件中去掉<script>標籤直接寫函數。
html文件
<!DOCTYPE html>
<html>
<head>
<title>JavaScript腳本語言</title>
<script type="text/javascript" src="example.js"></script> //在head標籤插入JS文件
</head>
<body>
</body>
</html>
//JS文件 example.js
function sayHi(){
alert("Hi");
}早期的瀏覽器都不支持JS，<noscript>標籤就是在不支持JS的瀏覽器中顯示替代的內容
<!DOCTYPE html>
<html>
<head>
<title>JavaScript腳本語言</title>
<script type="text/javascript" src="example.js"></script> //在head標籤插入JS文件
</head>
<body>
<noscript>
<p>本頁面需要瀏覽器支持(啓用)JavaScript.</p> //支持JS的瀏覽器永遠不會顯示
</noscript>
</body>
</html>注：不必把所有的JS寫到一個<script>標籤中，如果想區分JS裏面函數，可以加入多個<script>標籤，但爲了以後維護的方便，建議都採用外部添加JS文件，可以創建多個標籤添加多個JS文件。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript腳本語言</title>
<script type="text/javascript" src="example01.js"></script> //在head標籤插入多個JS文件
<script type="text/javascript" src="example02.js"></script>
<script type="text/javascript" src="example03.js"></script>
</head>
<body>
</body>
</html>