如何通过javascript更改按钮上的<a>标签的href

Question

如何通过javascript更改按钮上的<a>标签的href如何在按钮点击时通过Javascript 更改标签的href属性值<a/>？<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>

Answer 1

没有href，点击将重新加载当前页面，所以你需要这样的东西：

<a href="#" onclick="f1()">jhhghj</a>

或者像这样阻止滚动：

<a href="#" onclick="f1(); return false;">jhhghj</a>

或者return false在你的f1功能和：

<a href="#" onclick="return f1();">jhhghj</a>

....或者，不引人注目的方式：

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

Answer 2

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>

这是一个额外的代码行，但发现它在结构上更好。

Answer 3

删除href属性：

<a id="" onclick="f1()">jhhghj</a>

如果链接样式很重要，那么：

<a href="javascript:void(f1())">jhhghj</a>