首页 >web前端 >js教程 >如何使用 JavaScript 从 URL 路径中提取文件名?

如何使用 JavaScript 从 URL 路径中提取文件名?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-11-21 06:45:12736浏览

How to Extract the File Name from a URL Path with JavaScript?

使用 JavaScript 的 URL 的最后一段:从 URL 路径获取文件名

提供的脚本捕获锚标记上的点击事件并在警报框中显示单击标签的完整 URL。但是,用户希望仅显示 URL 中的文件名(最后一段)。

要实现此目的,一种方法是使用 split() 函数将 URL 拆分为多个段:

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn