共计 1092 个字符，预计需要花费 3 分钟才能阅读完成。
如何使用 JavaScript 获取 URL 的文件名？
在现代 Web 开发中，JavaScript 是一种必不可少的编程语言，它可以帮助我们动态地操作网页内容和行为。其中，获取 URL 的文件名是一个常见的任务，它可以用于各种场景，例如：
- 文件下载：在下载文件时，我们需要知道文件的名称，以便在本地保存。
- 文件上传：在上传文件时，我们需要知道文件的名称，以便在服务器端保存。
- 文件管理：在管理文件时，我们需要知道文件的名称，以便进行相关的操作。
要使用 JavaScript 获取 URL 的文件名，我们可以使用以下两种方法：
1、使用 location.pathname 属性
location.pathname 属性包含当前 URL 的路径部分，从第一个斜杠 (/) 开始。我们可以使用以下代码来获取文件名：
const filename = location.pathname.split("/").pop();2、使用 URL 对象
URL 对象是 JavaScript 中的一个内置对象，它可以用于解析和操作 URL。我们可以使用以下代码来获取文件名：
const url = new URL(location.href);
const filename = url.pathname.split("/").pop();以上两种方法都可以获取到 URL 的文件名，具体使用哪种方法取决于实际需求。
常见问题解答
如何获取 URL 中的查询参数？
要获取 URL 中的查询参数，可以使用 location.search 属性。location.search 属性包含 URL 中的查询字符串，从问号 (?) 开始。我们可以使用以下代码来获取查询参数：
const queryString = location.search;如何获取 URL 中的哈希值？
要获取 URL 中的哈希值，可以使用 location.hash 属性。location.hash 属性包含 URL 中的哈希部分，从井号 (#) 开始。我们可以使用以下代码来获取哈希值：
const hash = location.hash;如何设置 URL 的哈希值？
要设置 URL 的哈希值，可以使用 location.hash 属性。我们可以使用以下代码来设置哈希值：
location.hash = "#new-hash";如何重新加载当前页面？
要重新加载当前页面，可以使用 location.reload() 方法。我们可以使用以下代码来重新加载当前页面：
location.reload();如何打开一个新的页面？
要打开一个新的页面，可以使用 window.open() 方法。我们可以使用以下代码来打开一个新的页面：
window.open("https://www.bailuze.com");
