a标签点击不跳转的几种方法
a标签点击不跳转的几种方法
1、onclick事件中返回false
1 | <a href = "http://www.baidu.com" onclick = "return false" >不能跳到百度< / a> |
2、 用href=”javascript:void(0)”这种伪协议;
最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。
1 | a href = "javascript:void(0);" onclick = "js_method()" |
3.利用空代码
这种方法跟跟2种类似,区别只是执行了一条空的js代码。
1 | a href = "javascript:;" onclick = "js_method()" |
4、使用 (#)
1 | <a href = "#" class = "demo" onclick = "del()" >删除< / a>。 / / 总是跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉。不推荐使用 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?