如何通过javascript改变点击按钮时<a>标签的href
如何通过javascript改变点击按钮时<a>标签的href
提问于 2010-12-06 18:05:53
如何在点击按钮时通过Javascript改变<a/>标签的href属性值？
<script type="text/javascript">
function f1()
{
document.getElementById("abc").href="xyz.php";
}
</script>
<a href="" id="abc">jhg</a>
<a href="" id="" onclick="f1()">jhhghj</a>回答 8
Stack Overflow用户
回答已采纳
发布于 2010-12-06 18:09:29
在没有href的情况下，单击将重新加载当前页面，因此您需要类似以下内容：
<a href="#" onclick="f1()">jhhghj</a>或者像这样阻止滚动：
<a href="#" onclick="f1(); return false;">jhhghj</a>或者在f1函数中使用return false，然后：
<a href="#" onclick="return f1();">jhhghj</a>....or，不起眼的方式：
<a href="#" id="abc">jhg</a>
<a href="#" id="myLink">jhhghj</a>
<script type="text/javascript">
document.getElementById("myLink").onclick = function() {
document.getElementById("abc").href="xyz.php";
return false;
};
</script>Stack Overflow用户
发布于 2010-12-06 18:26:20
Nick Carver在那里做了什么，但我认为如果使用DOM setAttribute方法会更好。
<script type="text/javascript">
document.getElementById("myLink").onclick = function() {
var link = document.getElementById("abc");
link.setAttribute("href", "xyz.php");
return false;
}
</script>这只是一行额外的代码，但在结构上会更好。
Stack Overflow用户
发布于 2010-12-06 18:13:41
删除href属性：
<a id="" onclick="f1()">jhhghj</a>如果链接样式很重要，那么：
<a href="javascript:void(f1())">jhhghj</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4365246
复制相关文章
相似问题