jsでURLアンカー変更イベントを処理する

URLアンカーの変更時に実行されるJavaScriptコールバックコードをどのように記述できますか？

例えばhttp://example.com#aへhttp://example.com#b

Googleカスタム検索エンジンはタイマーを使用してハッシュを以前の値と照合しますが、別のドメインの子iframeは親の場所のハッシュを更新してiframeドキュメントの本文のサイズを含めます。タイマーが変更をキャッチすると、親はiframeのサイズを変更して本体に合わせて、スクロールバーが表示されないようにすることができます。

次のようなものが同じことを実現します。

var storedHash = window.location.hash;
window.setInterval(function () {
    if (window.location.hash != storedHash) {
        storedHash = window.location.hash;
        hashChanged(storedHash);
    }
}, 100); // Google uses 100ms intervals I think, might be lower

Google Chrome 5、Safari 5、Opera 10.60、Firefox 3.6およびInternet Explorer 8は すべてこのhashchangeイベントをサポートしています。

if ("onhashchange" in window) // does the browser support the hashchange event?
    window.onhashchange = function () {
        hashChanged(window.location.hash);
    }

そしてそれを一緒に入れます：

if ("onhashchange" in window) { // event supported?
    window.onhashchange = function () {
        hashChanged(window.location.hash);
    }
}
else { // event not supported:
    var storedHash = window.location.hash;
    window.setInterval(function () {
        if (window.location.hash != storedHash) {
            storedHash = window.location.hash;
            hashChanged(storedHash);
        }
    }, 100);
}

- jQueryのもなhashchangeイベントを確認し、必要に応じて、独自に提供されますプラグインがありhttp://benalman.com/projects/jquery-hashchange-plugin/を。

編集：更新されたブラウザのサポート（再度）。

setInterval()今のところ、唯一の普遍的なソリューションです。しかし、hashchangeイベントの形で将来的にいくつかの光があります

addEventListener上書きする代わりにを使用することをお勧めしますwindow.onhashchange。そうしないと、他のプラグインのイベントがブロックされます。

window.addEventListener('hashchange', function() {
...
})

今日のグローバルなブラウザーの使用状況を見ると、フォールバックはもう必要ありません。

他のSOの質問で私が見たことから、実行可能な唯一のクロスブラウザーソリューションはタイマーです。たとえば、この質問をチェックしてください。

（参考までに。）YUI3 "hashchange"合成イベントは、受け入れられた回答とほぼ同じことを行います

YUI().use('history-hash', function (Y) {
  Y.on('hashchange', function (e) {
    // Handle hashchange events on the current window.
  }, Y.config.win);
});

あなたはこれからより多くの情報を得ることができます

変異イベントタイプ

ミューテーションイベントモジュールは、attrやテキストの変更など、ドキュメントの構造に対する変更を通知できるように設計されています。