JavaScriptを使用して現在のHTMLファイル名を取得する方法

方法1: window.locationオブジェクトを使用する方法

var fileName = window.location.pathname.split("/").pop();
console.log(fileName);

この方法では、window.location.pathnameを使用して現在のURLのパス部分を取得し、split()メソッドを使用してスラッシュ(/)で分割します。pop()メソッドを使うことで、パスの最後の要素であるファイル名を取得します。

方法2: document.currentScriptオブジェクトを使用する方法

var scripts = document.getElementsByTagName('script');
var currentScript = scripts[scripts.length - 1];
var fileName = currentScript.src.split('/').pop();
console.log(fileName);

この方法では、document.currentScriptオブジェクトを使用して、現在実行中のスクリプト要素を取得します。スクリプトのsrc属性を使用して、ファイル名を取得します。

方法3: document.URLを使用する方法

var url = document.URL;
var fileName = url.substring(url.lastIndexOf('/') + 1);
console.log(fileName);

この方法では、document.URLを使用して現在のURLを取得し、substring()メソッドを使用して最後のスラッシュ(/)以降の文字列を抽出します。

これらの方法を使用すると、JavaScriptを使って現在のHTMLファイル名を取得できます。