将javascript变量追加到href文件夹路径

Question

我有一个javascript代码，它从当前html文件中提取文件名作为变量。

var filename=location.pathname.substring(location.pathname.lastIndexOf("/") + 1); 
console.log(filename); 

例如文件名是“new.html”

我需要这个变量附加与href标记的文件夹路径在新标签与该变量名称打开另一个文件的文件。我尝试了串联，但它不起作用。

<a href="Foldername/'+filename+'" target="_blank"> 

任何帮助，将不胜感激！谢谢！

编辑：我已经发布了我的问题的第二部分作为另一个问题。感谢您的帮助！

Answer 1

给一个ID的标签

HTML：

<a href="#" id="atag" target="_blank"> 

的Javascript：

var filename=location.pathname.substring(location.pathname.lastIndexOf("/") + 1); 
document.getElementById("atag").href= "Foldername/"+filename; 

Answer 2

如果你这样做是使用JavaScript，然后再做到这一点的方式 -

var filename=location.pathname.substring(location.pathname.lastIndexOf("/") + 1); 
console.log(filename); 

var html = "<a href='Foldername/'"+filename+" target='_blank'> " 

el.innerHTML = html// el is the wrapper of anchor element. 

如果你想保留在HTML代码，然后锚标记 -

给一个ID /类锚 - HTML -

<a href="" id="anchor" target="_blank"> 

JS -

var anchor = document.getElementById("anchor"); 

anchor.setAttribute("href", "Foldername/" + filename) 

Answer 3

试试像这样：

var filename=location.pathname.substring(location.pathname.lastIndexOf("/") + 1); 
var anchor = document.createElement('a'); 
anchor.href = `Foldername/${filename}`; 
anchor.target = '_blank'; 

然后你可以在你的html中的任何地方追加你的anchor元素。