javascript - アンカーでコンテンツを変更

Question

アンカーをクリックしたときにページのコンテンツを変更する簡単な方法はありますか? リンクがクリックされたときにコンテンツ div を JS で設定するのが最善の策でしょうか? 御時間ありがとうございます。

Answer 1

最新のブラウザ（IE8 +）はすべてhashchangeイベントをサポートしており、リンクでアンカーを変更し、hashchangeイベントハンドラーでコンテンツを更新できます。

HTML：

<a href="#newcontent">change content</a>

Javascript：

    $(window).bind( 'hashchange', function(e) {
        if (location.hash == "#newcontent")
        {
            ...
        }
    });

ハッシュに基づいてコンテンツを変更する単一ページでWebアプリ全体を作成する場合は、これを支援するフレームワーク（AngularJS、Backbone.jsなど）があります。