[JavaScript] 表示ページのファイル名を取得する方法

ファイル名を取得する場合、サーバサイドで取得しておくパターンとフロントエンドで取得するパターンがあるかと思います。
表示されているページのファイル名を取得して何かする事といえば、メニューの装飾をページによって変える、とかそれぐらいしか思い浮かびませんが…

#方法

色々と方法はあるかと思いますが、ここでは簡単にPHPとJavaScriptでの方法を記載します。

#PHP

basename($_SERVER['SCRIPT_NAME']);

$_SERVER['SCRIPT_NAME']で現在のスクリプトのパスを取得し、そのパスからbasenameで最後にある名前の部分を取得。

#JavaScript

function getFileName() {
    return window.location.href.split('/').pop();
}

window.location.pathnameでホスト以下のパスを取得し、それをsplit('/')で「/(スラッシュ)」区切りで配列に入れ、pop()で配列の最後の値を取得する。

#正規表現

こういう方法もあるっぽいです。

function getFileName() {
    return window.location.href.match(".+/(.+?)([\?#;].*)?$")[1];
}
twitterfacebookhatenafacebook