將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元素。