如何通过javascript更改按钮点击标签的 href

Question

如何通过单击按钮时的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>