首頁 > web前端 > js教程 > 主體

如何使用 JavaScript 從 URL 路徑中提取檔案名稱?

Mary-Kate Olsen
發布: 2024-11-21 06:45:12
原創
672 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板