jQuery:hashchangeプラグイン

概要

hashchangeプラグインを使うと、jQuery でヒストリーを容易に扱うことが出来ます。
以下からダウンロード可能です。

http://benalman.com/projects/jquery-hashchange-plugin/

もう少し具体的に書くと、JavaScript からは、元々ヒストリーは location.hash で参照することが出来、これに代入することにより移動も出来ますが、このプラグインを使用することにより、location.hash が変更されたことをイベントとして取得することが出来るようになります。

使用例

まず、jQuery と同様に、普通にダウンロードした JavaScript を読み込むようにします。

 <script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
 <script type="text/javascript" src="js/jquery.ba-hashchange.js"></script>

次に、以下のようにすると、location.hash が変更された際の動作を記述することが出来ます。
location.hash は "#aaa" という形式で取得できるので、１文字目の "#" を slice して取り除きます。

 $(window).hashchange(function() {
    xxx(location.hash.slice(1));
 });

通常、JavaScript によるページの書き換えはヒストリーには残らないのですが、ヒストリーとして必要な動作の際には location.hash に書き込むようにし、上記の location.hash が変更された際の動作で再描画するようにしておけば、JavaScript による動作でも任意にヒストリーが設定できることになります。