使用JavaScript变量作为HTML中href链接的一部分

我的部分代码：

<p id="demo">{$value.file_name}</p>

<script type="text/javascript">

var str = document.getElementById("demo").innerHTML;
var res = str.replace("/var/www/html/biology/demo", "");
document.getElementById('para').innerHTML = res;

</script>

<a href="#para" id='para'>Download</a>

{$value.file\u name}
var str=document.getElementById（“demo”）.innerHTML；
var res=str.replace（“/var/www/html/biology/demo”，”）；
document.getElementById（'para'）。innerHTML=res；

url的这一部分已经存在：“a.b.c.d.edu/bio/cluster/”

$value.file_name包含“/var/www/html/biology/demo/files/mpijobs/107/mothership/data/job107_0_0_output.tif”

在脚本之后，“para”包含编辑的路径，即“/files/mpijobs/107/mothership/data/job107_0_0_output.tif”（删除“/var/www/html/biology/demo”）

守则：

<a href="{$value.file_name}">Download</a>

提供指向“a.b.c.d.edu/bio/cluster//var/www/html/biology/demo/files/mpijobs/107/mothership/data/job107_0_0_output.tif”的可点击链接

我想做的是将括号内的“{$value.file_name}”替换为“para”（以及它所代表的内容），这样下载链接就可以链接到

---

“a.b.c.d.edu/bio/cluster//files/mpijobs/107/mothership/data/job107_0_0_output.tif”

对不起，我误解了

如果a href属性设置如下：

<a href="{$value.file_name}">Download</a>

编辑：

好的，我知道了。很抱歉做了这么大的运动。以下是您应该写的内容：

<p id="demo">{$value.file_name}</p>
<a href="#para" id='para'>Download</a>

<script type="text/javascript">

var str = document.getElementById("demo").innerHTML;
var res = str.replace("/var/www/html/biology/demo", "");
para = document.getElementById('para');
para.href = res;

</script>

{$value.file\u name}
var str=document.getElementById（“demo”）.innerHTML；
var res=str.replace（“/var/www/html/biology/demo”，”）；
para=document.getElementById（'para'）；
para.href=res；

{$value.file\u name}

-您是否碰巧在使用Smarty？“Smarty”？不，不管是什么都不用。你为什么问？这个=>-这就是我问的原因。您使用的语法与它们使用的语法相同。您是否尝试使用div内链接的值？是否要求用标记替换值？我尝试过，但没有成功。我想做的就是给“demo”分配“$value.file_name”的值，输入脚本并从本质上删除部分链接，将缩短的链接分配给“para”，退出脚本并链接到“para”，缩短的链接。可能忽略我之前的评论，您在我键入时编辑了您的答案。我会调查此事，然后再回复你。我相信我没有以适当的方式传达我想要做的事情。因此，$value.file包含完整路径。我不想链接到完整路径，我想链接到该路径的缩短版本。需要删除该完整路径的一部分，因为链接到它的当前完整状态会返回“页面未路由”错误。一旦这个路径在…内被缩短，我想退出，同时仍然可以访问缩短的路径。基本上，像“”那样做，但要缩短路径。是的，我明白了。我会继续快速编辑这篇文章，所以请跟我来。尝试下一次编辑。这很有效，谢谢。现在我必须弄清楚如何把它变成一个循环。有n个$value（$value.file_name），目前，上面的全部代码都位于循环的“else”中。我必须找到一种方法，使这段代码能够处理n个$value，并为每个$value返回正确的缩短路径。每个$value.file_名称的路径末端都不同，因为它们是指向图像段的路径。（上传图像、发送到集群的图像、分割成段并返回的图像）。目前，代码仅适用于第一个段路径。

<p id="demo">{$value.file_name}</p>
<a href="#para" id='para'>Download</a>

<script type="text/javascript">

var str = document.getElementById("demo").innerHTML;
var res = str.replace("/var/www/html/biology/demo", "");
para = document.getElementById('para');
para.href = res;

</script>