Question

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

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

例如，文件名为“new.html”

我需要将此变量附加到带有href标记的文件夹路径，以便在新选项卡中打开具有该变量名称的另一个文件文件。我尝试过连接，但它不起作用。

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

对此有任何帮助将不胜感激！谢谢！

编辑：我已将问题的第二部分作为另一个问题发布在SO上。谢谢你的帮助！

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

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

3 个答案: