js的書寫位置

JS 有3種書寫位置，分別為行內、內嵌和外部。

1. 行內式

   <input type="button" value="點我試試" onclick="alert('Hello World')" />
   

   • 可以將單行或少量 JS 程式碼寫在HTML標籤的事件屬性中（以 on 開頭的屬性），如：onclick
   • 注意單雙引號的使用：在HTML中我們推薦使用雙引號, JS 中我們推薦使用單引號
   • 可讀性差， 在html中編寫JS大量程式碼時，不方便閱讀；
   • 引號易錯，引號多層巢狀匹配時，非常容易弄混；
   • 特殊情況下使用

2. 內嵌式

   <script>
       alert('Hello  World~!');
   </script>
    
   

   • 可以將多行JS程式碼寫到 script 標籤中
   • 內嵌 JS 是學習時常用的方式

3. 外部JS檔案

   <script src="my.js"></script>
   

   • 有利於HTML頁面程式碼結構化，把大段 JS程式碼獨立到 HTML 頁面之外，既美觀，也方便檔案級別的複用
   • 引用外部 JS檔案的 script 標籤中間不可以寫程式碼
   • 適合於JS 程式碼量比較大的情況