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

时间:2014-10-14 01:29:14

标签: javascript php html html5 variables

我的部分代码:

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

这部分网址已经存在:“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>

提供点击链接“abcdedu / 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”

1 个答案:

答案 0 :(得分:0)

对不起,我误解了。

如果a href属性设置如下:

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

您可以在javascript中使用:

str.setAttribute("href", res);

编辑:

好的我明白了。对这次剧烈运动感到抱歉。这是你应该写的:

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