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

1 min read

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

方法

色々と方法はあるかと思いますが、ここでは簡単に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];
}