HTML中使用JavaScript的三種方式及優缺點

 

1.內部js: 在直接在頁面的<script></script>標籤內寫js代碼

 

 

 

優勢：相對於使用行內js，內部js代碼較爲集中，與頁面結構的實現代碼耦合度較低，比較便於維護

缺點：js代碼僅限於當前頁面的使用，代碼沒法被多個頁面重複使用，致使代碼冗餘度較高

 

2.外部js: 引入外部的js文件(推薦使用)

 

 

 

 

優勢：1.頁面代碼跟js代碼實現有效分離，下降耦合度

  　　 2.便於代碼的維護和擴展

          3.有利於代碼的複用

 

 

3.行內js: 直接嵌套在html的語句

 

 

開發中不推薦這種方式，

(1)由於這種方式跟頁面結構代碼耦合性太強了，後期維護很不方便，

(2)並且這種方式在開發過程當中會致使產生不少的冗餘代碼