JavaScript 腳本標簽 type 屬性拼寫錯誤導致代碼不執行：text/javasrcipt → text/javascript

錯誤現場

<script type="text/javasrcipt">  // 拼寫錯誤：srcipt
    // 代碼邏輯
</script>

瀏覽器不識別該 MIME 類型，直接跳過腳本執行，控制台無報錯但代碼失效。

修正代碼

<script type="text/javascript">  // 正確拼寫
    // 代碼邏輯
</script>

現代最佳實踐：省略 type 屬性

HTML5 規範中，<script> 默認類型即 text/javascript，直接省略 type 屬性最簡潔、最兼容：

<script>
    // 代碼邏輯
</script>

同類常見拼寫陷阱

調試技巧

1. 打開開發者工具 F12 → Console，若腳本未執行且無報錯，檢查 Network 面板該腳本文件的 Type 列。
2. 使用 ESLint / Prettier 等靜態檢查工具，可在編譯期捕獲此類拼寫錯誤。
3. 模板引擎（Thymeleaf, Freemarker, JSP）生成 HTML 時，統一使用無 type 的 <script> 片段。

一個字母的顛倒，讓整段邏輯「隱形失效」 —— 習慣省略 type，或用工具守護拼寫正確性。