JavaScript的書寫位置

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 代碼量比較大的狀況