在网页开发中，有时候我们需要获取当前文件的名称，以便进行一些特定的操作，比如动态生成链接、根据文件名进行分类等。JavaScript 提供了多种方法来获取当前文件的名称，下面我将详细介绍几种常用的方法。
1. 使用 window.location.pathname
window.location.pathname 属性可以获取当前页面的路径名，包括文件名。以下是一个简单的例子：
var currentFileName = window.location.pathname.split('/').pop();
console.log(currentFileName); // 输出当前文件的名称
这段代码首先获取当前页面的路径名，然后使用 split('/') 方法将其分割成数组，最后通过 pop() 方法获取数组的最后一个元素，即文件名。
2. 使用 document.URL
document.URL 属性返回当前页面的完整 URL，包括协议、域名、路径等。我们可以通过类似的方法获取文件名：
var currentFileName = document.URL.split('/').pop();
console.log(currentFileName); // 输出当前文件的名称
3. 使用 document.querySelector 和 href
如果你正在使用框架或库，比如 jQuery，可以使用 document.querySelector 和 a 标签的 href 属性来获取文件名：
var currentFileName = document.querySelector('a').href.split('/').pop();
console.log(currentFileName); // 输出当前文件的名称
注意：这种方法依赖于页面中存在一个 <a> 标签，并且该标签的 href 属性包含了当前文件的路径。
4. 使用 window.location.href
window.location.href 属性返回当前页面的完整 URL，包括协议、域名、路径等。以下是一个使用 href 的例子：
var currentFileName = window.location.href.split('/').pop();
console.log(currentFileName); // 输出当前文件的名称
总结
以上四种方法都可以用来获取当前文件的名称。在实际应用中，你可以根据需要选择合适的方法。需要注意的是，这些方法都假设当前页面已经加载完成。如果你需要在页面加载时获取文件名，确保在合适的事件处理函数中调用这些方法。
掌握这些方法，可以让你的网页开发更加轻松，提高开发效率。希望这篇文章能帮助你！