當我們在編寫 HTML 頁面時，有時需要使用 JavaScript 來實現一些動態交互效果或是計算等操作。而為了避免在 HTML 中編寫大量 JavaScript 代碼導致代碼難以維護，我們需要將 JavaScript 代碼獨立成為一個文件，然后在 HTML 頁面中引用它。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>引用 JavaScript 文件</title>
<script src="test.js"></script>
</head>
<body>
<h1>這是一個 JavaScript 測試頁面</h1>
<p>下面是一些測試信息：</p>
<script>
document.write("Hello JavaScript!");
</script>
</body>
</html>從上面的代碼可以看出，在 <head> 標簽中引用 JavaScript 文件的格式為：
<script src="文件名"></script>
其中，src屬性指定 JavaScript 文件的路徑，這里將 JavaScript 文件命名為test.js，則路徑為test.js。而在 <body> 中，我們也可以直接在 HTML 中寫 JavaScript 代碼。
需要注意的是，JavaScript 文件的引用順序也非常重要。如果一個 JavaScript 文件依賴于另一個 JavaScript 文件中定義的函數或變量，那么先引用被依賴文件，再引用依賴文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>引用 JavaScript 文件</title>
<script src="jquery.js"></script>
<script src="test.js"></script>
</head>
<body>
<h1>這是一個 JavaScript 測試頁面</h1>
<p>下面是一些測試信息：</p>
<script>
$(document).ready(function(){
test();
});
</script>
</body>
</html>上面的代碼中，我們先引用了jquery.js，因為test.js中使用了 jQuery，然后再引用test.js，最后在 HTML 中使用test()函數。
下一篇mysql創建備注