点击 a 标签触发事件而不跳转页面

最新推荐文章于 2021-11-11 11:50:17 发布

weixin_30706507

最新推荐文章于 2021-11-11 11:50:17 发布

阅读量451

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huey/p/4315520.html

本文介绍如何使用HTML a标签实现按钮功能，即在被点击时触发事件而不会跳转到新的页面。通过设置a标签的href属性为'#none'或'javascript:void(0);'并结合onclick事件，可以实现这一效果。示例代码展示了如何通过自定义函数a_click来响应不同的a标签点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候需要让 a 标签像 button 一样，被点击的时候触发事件而不跳转页面。

<html>
    <body>
        <a id="a1" href="#none" onclick="a_click(this.id)">Click a1</a>
        <a id="a2" href="javascript:void(0);" onclick="a_click(this.id)">Click a2</a>
        <a id="a3" href="any.html" onclick="a_click(this.id);return false;">Click a3</a>    
    </body>
    <script type="text/javascript">
        function a_click (aid) {
            alert(aid + " was clicked.");
        }
    </script>
</html>