如何使用 JavaScript 从页面 URL 获取文件名

在 Web 开发中，有时候我们需要获取当前页面的 URL，或者从 URL 中提取文件名。在 JavaScript 中，可以通过一些简单的方法来实现这个需求。

获取当前页面的 URL

要获取当前页面的 URL，可以使用 JavaScript 中的 window.location.href 属性。这个属性包含了当前页面的完整 URL，包括协议、域名、端口号和路径等信息。

var currentUrl = window.location.href;
console.log(currentUrl);

以上代码会输出类似于以下内容的当前页面 URL：

https://example.com/path/to/page.html?query=parameter#hash

从 URL 中提取文件名

如果想要从 URL 中提取文件名，可以使用 window.location.pathname 属性来获取当前页面的路径，然后通过字符串操作函数（如 split 和 slice）来提取文件名部分。

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

以上代码会输出当前页面的文件名，如 page.html。

完整代码

以下是获取当前页面 URL 和文件名的完整代码：

// 获取当前页面 URL
var currentUrl = window.location.href;
console.log(currentUrl);

// 从 URL 中提取文件名
var currentPath = window.location.pathname;
var fileName = currentPath.split('/').pop();
console.log(fileName);

希望这篇文章能够对您有所帮助！