在Javascript中显示HREF的文件名

时间:2015-08-27 19:25:11

标签: javascript url filenames

我有一个带有下载按钮的页面:

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

下面,我希望(文本)自动显示“filename.pdf”(而不是手动执行数百次)。

我发现下面的脚本显示了PAGE的文件名,但我想让它显示我在实际页面上使用过的HREF的FILENAME。

非常感谢任何帮助。

<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>

提前致谢!

2 个答案:

答案 0 :(得分:0)

不确定要显示“文本”的位置...所以我把它放在div

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


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

最大的变化是获取所有“a”标签,使用getElementsByTagName ...然后遍历列表,然后您可以使用字符串拆分,并在将其附加到目的地之前弹出最后一段

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; 
}

答案 1 :(得分:0)

也许这会有所帮助。

R.layout.fragment_screen_3