JS 初學者常見錯誤：外部 JS 文件未在 HTML 中引入導致函數無響應

現象描述

在獨立 JS 文件中定義函數，HTML 頁面通過按鈕 onclick 調用，點擊無反應，控制台無報錯。

根本原因

HTML 頁面未通過 <script src="..."></script> 引入該 JS 文件，導致函數未加載到全局作用域，調用時找不到定義。

解決方案

<script type="text/javascript" src="jstest.js"></script>

將此標籤置於 <head> 或 <body> 末尾，確保函數在按鈕點擊前已載入。

最佳實踐建議

• 使用瀏覽器開發者工具 Network 面板確認 JS 文件是否成功加載（狀態碼 200）。
• 檢查路徑是否正確（相對路徑/絕對路徑）。
• 避免在多個頁面重複引入同一文件，考慮打包合併。

總結

「函數未定義」多半是腳本未引入或引入順序錯誤，養成檢查 Network 請求的習慣可快速定位。