2013年1月28日 星期一

模仿 jQuery 的 $ 工廠函數

Javascript 框架如 jQuery, prototype 等最吸引人的就是方便好用的工廠函數, 例如在 jQuery 中, $("#myID") 便可以取得 ID 為 myID 的 jQuery 包裹物件. 如果不使用框架的話, 就要使用 document 物件的 getElementById() 方法來取得 DOM 物件, 乖乖地重複打那又臭又長的 document.getElementById("myID").
其實, 我們也可以模仿 jQuery, 製作簡單的 $ 工廠函數 :

function $(id) {return document.getElementById(id);}

只要在網頁程式中多加一行這函數, 那麼就可以節省打字時間, 減少打錯機會囉.
跳出前先儲存
<input id="save_before_quit" type="checkbox" />跳出前先儲存
...
var obj=$("save_before_quit");  //取得 checkbox 物件
if (obj.checked) {save_data();}  //如果勾選就呼叫 save_data() 函數

沒有留言 :