我對這個問題一直是迷迷糊糊的，大概知道用<script>標籤和src屬性，但是不是很明確。因此上網去查了一下資料，發現答案有好幾個版本，有寫三個的，兩個的，還有四個的，所以爲了解決這個問題，我決定逐一嘗試。
1）直接在HTML頁面中使用<script></script>標籤引入，可以寫在head中，也可以寫在body末尾，可以實現
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>js引入方式實驗</title>
</head>
<body>
js的引入方式實驗
<button id="button">實驗</button>
<script>
button.οnclick=function()
{
alert("引入方法一：直接嵌入script標籤");
}
</script>
</body>
</html>效果如下圖所示：點擊按鈕會彈出提示框
2).在html中使用script的src屬性引入外部js文件，可實現。
新建一個index1.html和index1.js文件，代碼如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>js引入方式實驗</title>
</head>
<body>
js的引入方式實驗
<button id="button">實驗</button>
<script src="index1.js">
</script>
</body>
</html>button.οnclick=function()
{
alert("JS引入方式2：外部文件導入");
}
效果如下圖所示：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>js引入方式實驗</title>
</head>
<body>
js的引入方式實驗
<button id="button" οnclick="javascript:alert('js引入的方式3：事件定義')">實驗</button>
</body>
</html>
4).在一個js文件中調用另外一個js 文件，可實現。但不能直接在第一個js文件中寫<script src=xx.js></script>,這樣寫會導致引入js文件失敗
HTML文件中引入index1-1.js
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>js引入方式實驗</title>
</head>
<body>
js的引入方式實驗
<button id="button">實驗</button>
<script src="index1-1.js">
</script>
</body>
</html>
index1-1.js源代碼
document.write("<script src='index1.js'></script>");button.οnclick=function()
{
alert("JS引入方式2：外部文件導入");
}