如何更改< a>的href按钮上的标签点击javascript [英] How to change href of <a> tag on button click through 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>

或在<$ c中返回false $ c> 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屋！