如何在按钮单击时使用 Javascript 更改 `` 标签的 `href` 属性？

更改 的 'href' 属性通过 Javascript 按钮进行标记 单击

修改 的 'href' 属性单击按钮时使用 Javascript 标记，请考虑以下场景：

1.防止页面重新加载

默认情况下，单击空的 标签重新加载页面。为了防止这种情况发生：

<code class="html"><a href="#" onclick="f1()"></a></code>

2.禁用滚动

或者，您可以使用它来防止滚动到页面顶部：

<code class="html"><a href="#" onclick="f1(); return false;"></a></code>

3.在函数中返回 False

您还可以在 f1() 函数中返回 false 并使用：

<code class="html"><a href="#" onclick="return f1();"></a></code>

4。不显眼的方法

考虑以下一种不太显眼的方法：

<code class="html"><a href="#" id="abc"></a>
<a href="#" id="myLink"></a>

<script>
  document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href="xyz.php"; 
    return false;
  };
</script></code>

以上是如何在按钮单击时使用 Javascript 更改 `` 标签的 `href` 属性？的详细内容。更多信息请关注PHP中文网其他相关文章！