url hash：url中#號后面那段，通常用來定位到html頁面中某一錨點。因為hash變化頁面不會刷新，所以在ajax應(yīng)用中用hash來存儲腳本運行狀態(tài)，例如gmail的做法。

jquery hash change event plugin： Internet Explorer 8, Firefox 3.6+, 和Chrome 5+里，已經(jīng)提供了window.onhashchange事件，但是在老版本的瀏覽器中并沒有這個事件，這個插件通過定時器判斷hash是否產(chǎn)生了變化，以便在老版本的瀏覽器重提供hashchange事件。

hashchangebroker：之前寫了這個jquery extend，提供了四個方法：

$.hashchangebroker.subscrib(fragName, handler)

　　訂閱fragName對應(yīng)的hash段落變化，并轉(zhuǎn)發(fā)給指定的handler。
　　url hash由若干個frag組成，一個frag格式為：[fragName]:[state]。fragName為自定義hash狀態(tài)名稱。state為base64編碼的json字符串。
　　handler只有一個參數(shù)state：json格式字符串，描述自定義狀態(tài)。

$.hashchangebroker.publish(hash)

　　此方法應(yīng)綁定到window.onhashchange事件。接收hash并解碼找到變更的frag，并轉(zhuǎn)發(fā)給訂閱該frag的handler。

$.hashchangebroker.changeFrag(fragName,state)

　　此方法由statehashable類型調(diào)用，用于修改hash中對應(yīng)fragName的frag的state。

$.hashchangebroker.init()

　　此方法用于在頁面刷新后，獲取hash并publish。在$(document).ready中調(diào)用即可。應(yīng)放到所有subscrib方法之后。

statehashable：提供這個widget是希望可以比較方便的將控件的狀態(tài)發(fā)布到url hash，并獲取控件對應(yīng)的hash frag的state變化，觸發(fā)相應(yīng)的statechange事件。

用法$(dom).statehashable();調(diào)用此方法后，給dom對象增加了hashchange事件。當(dāng)statehashable對象發(fā)現(xiàn)控件對應(yīng)的hash frag變化后，會觸發(fā)dom對象的hashchange事件。
使用方法：

最新評論