JavaScript を使用して URL パスからファイル名を抽出するにはどうすればよいですか?

JavaScript を使用した URL の最後のセグメント: URL パスからファイル名を取得する

提供されたスクリプトはアンカー タグのクリック イベントをキャプチャし、クリックされたタグの完全な URL がアラート ボックスに表示されます。ただし、ユーザーは URL からファイル名 (最後のセグメント) のみを表示したいと考えています。

これを実現するには、split() 関数を使用して URL をセグメントに分割することが 1 つの方法です。

let fileName = window.location.href.split("/").pop();
alert(fileName);

これにより、セグメントの配列が作成され、ファイル名を表す最後のセグメントが取得されます。

あるいは、substring() とlastIndexOf() 関数はファイル名を抽出します。

let fileName = this.href.substring(this.href.lastIndexOf("/") + 1);
console.log(fileName);

このアプローチでは、URL 内で最後に出現する「/」文字を見つけて、その位置以降の部分文字列を抽出します。

これらの方法のいずれかを使用すると、URL からファイル名だけを効率的に抽出して表示し、目的の機能を提供できます。

以上がJavaScript を使用して URL パスからファイル名を抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。