在Javascript中显示HREF的文件名

我有一个带有下载按钮的页面，如下所示：

<a href="http://www.example.nl/filename.pdf" download>DOWNLOAD</a>

下面，我希望（文本）能够自动显示“filename.pdf”（而不是手动显示数百次）

我在下面找到了显示页面文件名的脚本，但我希望它显示我在实际页面上使用的a HREF的文件名

非常感谢您的帮助

<script type="text/javascript">

var segment_str = window.location.pathname;
var segment_array = segment_str.split( '/' );
var last_segment = segment_array.pop();
document.write(last_segment);

</script>

var segment_str=window.location.pathname；
变量段数组=段字符串拆分（'/'）；
var last_segment=segment_array.pop（）；
文件写入（最后一段）；

---

提前谢谢

不确定要将“文本”显示在哪里。。。所以我把它放在一个小隔间里

<a href="http://www.example.nl/filename.pdf" download>DOWNLOAD</a>


<div id="result">
</div>

最大的变化是使用getElementsByTagName获取所有的“a”标记。。。然后在列表上迭代，然后可以使用字符串拆分，在将最后一段附加到目标之前弹出最后一段

var input = document.getElementsByTagName('a');
for(i = 0;i < input.length; i++)
{
    var segment_str = input[i].href;
    var segment_array = segment_str.split( '/' );
    var last_segment = segment_array.pop();
    document.getElementById("result").innerText += last_segment; 
}

var input=document.getElementsByTagName（'a'）；
对于（i=0；i

也许这会有所帮助

<div id=download1></div>

<script>
var filename = 'example.pdf';
$('#download1').html('<a href="http://www.example.nl/' + filename + '">' + filename + '</a>');
</script>

var filename='example.pdf'；
$（'#download1'）.html（''）；

文件所在的目录是否始终相同？它总是根吗？现在，是的！稍后，我可能会尝试通过制作一个/downloads/文件夹或其他东西来将其分开。我在页面上有两个“a HREF”。一个指向文件，一个指向站点的页脚，但由于某些原因，您的脚本工作得非常好。它确实显示了下载链接的文件，这很好。是的，似乎已经回答了我的问题！谢谢！谢谢，看起来不错！然而，这使用了链接本身的文件名，而我想把它与页面上其他地方的下载链接本身分开，正如Jeremy的解决方案所描述的那样。