HTML 外鏈 JS 代碼指的是將 JavaScript 代碼文件嵌入 HTML 文件中。這種方法可以使得 HTML 代碼更加簡潔明了，也方便代碼的維護和修改。外鏈 JS 代碼可以通過以下步驟來實現：
<html>
<head>
<title> 外鏈 JS 代碼 </title>
<script src="xxx.js"></script>
</head>
<body>
<h1> 這是外鏈 JS 代碼的示例 </h1>
<script>
// 這里可以寫一些內部 JS 代碼
</script>
</body>
</html>在實際應用中，我們通常將 JS 代碼文件單獨存放在一個 .js 文件中，然后通過 <script>標簽的 src 屬性來引用這個文件。：
// xxx.js 文件
function sayHello() {
alert('Hello World!');
}在 HTML 文件中，我們只需要添加 <script>標簽，然后在 src 屬性中填入 xxx.js 文件的路徑即可：
<script src="xxx.js"></script>如果你想在 HTML 文件中編寫一些內部 JS 代碼，那么可以將 JS 代碼寫在 <script>標簽中，與 src 屬性并列：
<script src="xxx.js"></script>
<script>
function sayHi() {
alert('Hi!');
}
</script>需要注意的是，在使用外鏈 JS 代碼的時候，為了保證代碼的執行順序，我們通常將 <script>標簽放在 HTML 文件的 <head>標簽中。如果 JS 代碼依賴于 HTML 元素，那么需要將代碼放在 HTML 元素后面，如：
<html>
<head>
<title> 外鏈 JS 代碼 </title>
</head>
<body>
<h1> 這是外鏈 JS 代碼的示例 </h1>
<script src="xxx.js"></script>
<script>
// 這里的代碼依賴于 h1 元素，所以要放在 h1 后面
sayHello();
</script>
</body>
</html>總之，一個完整的外鏈 JS 代碼示例應該包括 JS 代碼文件和 HTML 文件，以及將兩者聯系起來的 <script>標簽。使用外鏈 JS 代碼，可以使得 HTML 代碼更加清晰、簡潔，同時也方便代碼的管理和維護。
上一篇html 代碼里面循環
下一篇js 中修改css