首页 > web前端 > js教程 > 如何在按钮单击时使用 Javascript 更改 `` 标签的 `href` 属性?

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

Linda Hamilton
发布: 2024-10-26 12:26:29
原创
246 人浏览过

How to Change the `href` Attribute of an `` Tag Using Javascript on Button Click?

更改 的 '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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板