url hash：url中#號(hào)后面那段，通常用來(lái)定位到html頁(yè)面中某一錨點(diǎn)。因?yàn)閔ash變化頁(yè)面不會(huì)刷新，所以在ajax應(yīng)用中用hash來(lái)存儲(chǔ)腳本運(yùn)行狀態(tài)，例如gmail的做法。

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

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

$.hashchangebroker.subscrib(fragName, handler)

　　訂閱fragName對(duì)應(yīng)的hash段落變化，并轉(zhuǎn)發(fā)給指定的handler。
　　url hash由若干個(gè)frag組成，一個(gè)frag格式為：[fragName]:[state]。fragName為自定義hash狀態(tài)名稱。state為base64編碼的json字符串。
　　handler只有一個(gè)參數(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中對(duì)應(yīng)fragName的frag的state。

$.hashchangebroker.init()

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

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

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

最新評(píng)論