AJAX開發者繼續向低調JavaScript遷移
低調(Unobtrusive)JavaScript是一種正在浮現的技術,它能將JavaScript從HTML標記語言中分離開來。這非常類似於上世 紀90年代CSS的誕生所帶來的頁面樣式和HTML的分離。比如,唐突的JavaScript寫法會直接為某個文字框新增onClick事件處理器,就像 這樣:
而低調的JavaScript會一直等到頁面全部載入完畢,才會把事件處理器跟文字框連線上:
Event.observe(window, 'load', function() {
Event.observe($('field'), 'click', function() {
alert('hello');
};
});
這樣寫能夠使HTML程式碼(在這個例子中就是我們的input標籤)保持乾淨,併為開發者提供單一引用點來除錯 JavaScript程式碼。低調JavaScript提倡將程式碼儲存在外部的.js檔案中,反對將其嵌入在HTML頁面內的
這樣,行為在頁面完成載入後就自動連線在一起。還可以使用CSS選擇器來新增其他的行為,比如為觸發選擇元素。
隨著AJAX網站數量的穩步增長,JavaScript在web應用開發中變得更加重要。保持JavaScript低調可以更加簡單的開發出炫目的特性。它也使得維護這些網站變得更加容易,成本更少。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1384/viewspace-368843/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Javascript物件導向與繼承JavaScript物件繼承
- Javascript實現物件導向繼承JavaScript物件繼承
- 由 Windows 向 Linux 遷移字型WindowsLinux
- 說清楚javascript物件導向、原型、繼承JavaScript物件原型繼承
- JavaScript物件導向 ~ 原型和繼承(1)JavaScript物件原型繼承
- 《JavaScript物件導向精要》之五:繼承JavaScript物件繼承
- JavaScript物件導向—繼承的實現JavaScript物件繼承
- JavaScript物件導向那些東西-繼承JavaScript物件繼承
- LONG欄位型別向CLOB遷移型別
- javascript物件導向繼承簡單介紹JavaScript物件繼承
- javascript的物件導向的繼承實現JavaScript物件繼承
- 企業向雲遷移的原因-資訊圖
- 單體JOB向分散式JOB遷移案例分散式
- javascript物件導向繼承的簡單例項JavaScript物件繼承單例
- JavaScript之物件導向的繼承淺析2JavaScript物件繼承
- 再談遷移學習:微調網路遷移學習
- Sentry 開發者貢獻指南 - 資料庫遷移資料庫
- 從關聯式資料庫向NoSQL遷移資料庫SQL
- 突破 CIO的橫向職業遷移 ---FROM CEOCIO
- JavaScript低調的小兄弟——CoffeeScript,Virtus brevitas!JavaScript
- 開發者調查報告:JavaScript 和 Python 仍占主導地位,Rust 持續猛增 4 倍JavaScriptPythonRust
- 雅虎“黑客事件”繼續發酵,或面臨司法調查黑客事件
- JavaScript物件導向之二(建構函式繼承)JavaScript物件函式繼承
- 有獎調研 | 移動應用開發者生態大調查!
- 資料從Oracle向Mysql資料遷移例項OracleMySql
- 最詳細的 JavaScript 開發者調查報告JavaScript
- 幫助物件導向開發者理解JavaScript物件機制物件JavaScript
- JavaScript 之 ajaxJavaScript
- O’Reilly:調查發現雲端計算採用率繼續上升
- KVM線上遷移(動態遷移)
- 手工段管理表空間遷移後的調整
- Jquery ajax載入等待執行結束再繼續執行下面程式碼操作jQuery
- 開發者必看!你想知道的遷移之道都在這裡了
- 服務遷移之路 | Spring Cloud向Service Mesh轉變SpringCloud
- Oracle 9i RAC向單例項遷移手記Oracle單例
- 【遷移】使用rman遷移資料庫資料庫
- 開發者死後,他的開源專案會有人繼續維護嗎?
- JavaScript Ajax 實現JavaScript