如何更改<a>的href通过javascript点击按钮上的标签 [英] How to change href of <a> tag on button click through javascript
本文介绍了如何更改<a>的href通过javascript点击按钮上的标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在按钮点击时通过Javascript更改<a/>
标签的href
属性值?
How to change the href
attribute value of an <a/>
tag through Javascript on button click ?
<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>
推荐答案
如果没有 href
,点击会重新加载当前页面,所以你需要这样的东西:
Without having a href
, the click will reload the current page, so you need something like this:
<a href="#" onclick="f1()">jhhghj</a>
或者像这样阻止滚动:
<a href="#" onclick="f1(); return false;">jhhghj</a>
或者 return false
在你的 f1
函数中并且:
Or return false
in your f1
function and:
<a href="#" onclick="return f1();">jhhghj</a>
....或者,不显眼的方式:
....or, the unobtrusive way:
<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>
这篇关于如何更改<a>的href通过javascript点击按钮上的标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文