urlにハッシュタグがあり、ユーザーがブラウザで前後にナビゲートした場合のJavaScript関数ですか？

Question

ハッシュタグがtwoBに終了した場合、ページが更新されたときにアラートを発動すれば、以下の通り：

if (window.location.href.match(/\#twoB/)) 
{ 
    alert('twoB'); 
} 

問題があることあなたは、いくつかのハッシュタグをクリックすると、ブラウザに戻ってクリックしてしまった場合、 URLにはハッシュが含まれていますが、アラートは起動しません。ユーザーがブラウザを使用してコードを実行した後でコードを実行するにはどうすればよいでしょうか。

私はこのプロジェクトにjQueryを使用していますので、構文が簡単な場合は理想的な世界でjQueryソリューションを使いたいと思います。

Answer 1

最初に、setIntervalを使用してURLを繰り返し確認するという非常に醜い方法を解決しました。 HTML5s onpopstateは、ページが最初にロードされたときに実行され、その後、すべての前方および後方のナビゲーションも実行されます。

window.onpopstate = function(){ 
    if (window.location.href.match(/\#twoB/)) 
    { 
    alert('twoB'); 
    } 
} 

Answer 2

$(window).on("hashchange", function() { 
    console.log("hash is now " + window.location.hash); 
}); 

jQuery 1.7にはonが追加されています。古いバージョンを使用している場合は、代わりに$(window).bindを実行してください。

Answer 3

なぜhref.matchの代わりにlocation.hashを使用しないのですか？ハッシュを取得するだけで、マッチを行う必要はないので、location.hashは高速にする必要があります。