不亂入的 JavaScript

Web Accessibility 第十章裡談的是 JavaScript 的親和力問題,我看之前其實就在懷疑 JavaScript 要如製造親和力,果不其然,這章主要是在說 JavaScript 套用到網頁時,要注意哪些地方,避免影響到親和力,例如彈出式視窗的連結目標不要用javascript://,而是開啟網頁的真正位置,而考量到各種狀況,其中很重要的一部份是 Unobtrusive JavaScript(hlb 譯做不亂入的 JavaScript),不過要先強調的是這只是其中一部分,還有一些觀念和思考方向本文沒說。

Unobtrusive JavaScript 不是什麼新的語言,而是 JavaScript 的一種撰寫風格(coding style),最大的特色是在HTML的原始碼內你看不到 JavaScript 程式碼,不會有像是下面的寫法出現:

<a href="#" onclick="return popup();"/>

取而代之的,如果要對特定物件指定事件,那就用 DOM 來尋找你的目標物件,整個 HTML 文件保持在沒有 JavaScript 也是功能完整的狀況。

這樣的撰寫風格可以確保不會影響到使用不支援 JavaScript 瀏覽器的訪客,也可以讓HTML文件和 JavaScript 分的更徹底,方便更新維護,好處不少,不過相對的要能完全寫到不亂入,也會需要較多的學習。