JavaScript:ハッシュ(#)を含まない現在のページのURLを取得する

イントロダクション

ハッシュ(#)を URL に付与して、Web ページ内の特定のアンカーにジャンプするようにすることができます。

これは非常に便利な機能ですが、現在表示している Web ページの URL を基に、JavaScript などで何らかの処理を行う場合には、この URL のハッシュ(#)を考慮していないと困ったことが起こったりします。

URL にハッシュ(#)が付与されていると、同じWebページを示しているURLなのに、単純な文字列比較では別の Web ページのように見えてしまうからです。


今回は、現在ブラウザで表示している Web ページの URL にハッシュが(#)が付与されている場合でも、ハッシュ(#)を含まない URL が取得できる方法について考えてみることにします。

JavaScript:URLのハッシュ(#)以降を削除する

イントロダクション

JavaScriptで現在のページの URL を取得する場合に、location.href を使用します。
location.href では、URL にハッシュ(#)が含まれている場合には、ハッシュを含んだものを取得します。

従って、ハッシュを含まない URL を取得したい場合には、いろいろな方法により処理を行う必要があります。

方法はいくつかありますが、今回は正規表現による置換により、ハッシュ以降の文字列を削除した URL を生成したいと思います。