javascript行內指令碼小小探討

如果可能，盡量不要出現行內指令碼，因為行內指令碼會導致一系列問題，包括

• 頁面混亂，難以閱讀還有維護（想想一個大約1000行代碼的網頁，html標籤跟js代碼混雜在一起是何等的壯觀，加上不合理的代碼格式，那簡直就是噩夢）
• 可重用性差（採用外部指令碼連結，js代碼可為多個頁面共用）
• 重複下載（採用外部指令碼連結，js代碼可被瀏覽器緩衝，避免不必要的重複下載）
• 由於阻塞下載問題，會導致頁面載入渲染速度嚴重變慢（原因比較複雜，涉及js基本的載入機制以及代碼依賴，以及當行內指令碼置於CSS樣式表後可能導致的延遲問題，暫不詳述）
• 其他。。。

建議：盡量採用外部指令碼連結的方式，其實就一行語句：

<script type="text/javascript" src="test.js"></script>

多簡潔啊~~~~~~~T_T

如果不幸真的得採取行內指令碼（比方說老師規定不這樣寫作業就不能及格。。。），那就：

• 將行內指令碼放在樣式表定義之前（當有其他外部指令碼並且與該外部指令碼存在代碼依賴時）
• 將行內指令碼移到課件資源之後（也就是網頁的末尾）

小小總結，未經曆史檢驗，如有錯漏實屬必然，歡迎指正。。。