超链接的几种特殊href

有时候我们给超链接添加一个，js点击函数。因为一方面我们想使用超链接的特性，另一方面我们又希望我们点击超链接的时候，它执行的是js函数。而非页面跳转。解决方案如下：

一，javascript:;

<td class="td-manage">
      <a onclick="member_stop(this,'10001')" href="javascript:;"  title="启用">
            <i class="layui-icon">&#xe601;</i>
      </a>
      <a title="编辑"  onclick="xadmin.open('编辑','role-add.html')" href="javascript:;">
            <i class="layui-icon">&#xe642;</i>
      </a>
      <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
            <i class="layui-icon">&#xe640;</i>
      </a>
</td>

其中javascript:是一个伪协议,可以让我们通过超链接去调用javascript函数,但是这个函数为空,所以我们调用的是一个空函数,相当于"javascript:void(0)“,并不会发生实质性的改变,同时也可以实现a标签的点击运行,如此我们即可以使用超链接特性，也可以不履行相应义务，咳咳…就挺好的
它可以也常用在验证码的"看不清?换一张”

<body>
    <img id="checkCode" src="/day15/checkCodeServlet"/>
    <!-- 点击超链接换图片 -->
    <a id="change" href="javascript:;"onclick="document.getElementById('checkCode').src ='/day15/checkCodeServlet?dt='+(new Date()).getTime()">
        看不清换一张?
    </a>
</body>

二，#

将href="#“是指连接到当前页面,这是一个锚链接,可以用来访问锚点		


a中href=”#top" 表示回到顶部,如果当前页面需要滚动的话,就可以通过这种方式直接回到顶部

<a name="top"></a>
.............
<a href="#top">回到顶部</a>

三，防止页面跳转的其他情况

<a href="javascript:void(0)"> </a>
<a href="javascript:void(null)"> </a>
<a href="####"> <a>
<a href ="#" onclick = "return false"> </a>
# javascript # 前端 # 开发语言
Logo
AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

cover

【2025年5月】AI生产力再探再报：各家智能体持续内卷，前沿应用不断细分

avatar AI Agent技术社区
cover

【小白量化智能体】应用3：编写通达信股票交易指标及生成同花顺交易Python策略程序

avatar AI Agent技术社区
cover

天工超级智能体:这项能力 3 倍碾压 DeepSeek（附完整教程）

avatar AI Agent技术社区