1. 程式人生 > >JS和HTML標籤的解耦

JS和HTML標籤的解耦

           做web開發,經常涉及JS或Jquery操作HTML。作為程式設計師,當然希望程式碼越寫越簡單,越寫越好維護。所以對JS操作HTML的寫法,做如下總結。

          1:最初級的寫法:

          

         這種寫法應該是出現在學校課堂上。

          2:普遍的寫法:

      這種寫法在開發中比較常見,程式碼梳理比較好的,還會把點選事件的Jquery程式碼封裝到JS的閉包中。但是HTML標籤id屬性還是與Jquery程式碼耦合。id改變了,jquery程式碼也要變。

          3:解耦JS(Jquery)與HTML標籤的寫法

        

這種寫法就解耦了jquery程式碼與HTML標籤。HTML標籤的id屬性改變了,jquery程式碼也不受影響。想要使用單擊事件,只要打上button_click屬性並賦上要呼叫的方法即可。

實際上這裡就封裝了一個變化點,實現了Jquery程式碼的重用。