专栏首页浩CodingHTML中点击<a>超链接标签使其不跳转

HTML中点击<a>超链接标签使其不跳转

最近使用前端框架,需要使用一个<a>超链接标签的样式,但又不要让他跳转,所以搜集了网上的资料查到几个方法:

方法一:<a href="#"></a>

但是有一个缺点,如果页面很长的话,会跳到本页面的顶部,有点像是跳到了一个新页面的感觉,体验不是很好!

方法二:<a href="#" onclick="return false"></a>

这个方法在大部分场景都可以,推荐使用!

方法三:<a href="javascript:void(0)"></a>

用href=”javascript:void(0)”这种伪协议;(这种伪协议,少写的好),这句话我不是很懂,我在一些人的文章中看到的,具体为什么这种伪协议要少写,我不是很清楚!等以后有时间我再去查下资料,这里暂时先放一放!

方法四:<a href="javascript:myTest('hello');"></a>

这里的myTest是自定义的一个javascript函数!

本文分享自微信公众号 - 浩Coding(gh_c4a2e63d2ca7),作者:浩

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-06-03

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 浅谈Java的反射机制

    JAVA反射机制是在运行状态中,对于任意一个实体类,都能够知道这个类的所有属性和方法;对于任意一个对象,都能够调用它的任意方法和属性;这种动态获取信息以及动态调...

    浩Coding
  • Java EE之SSM框架整合开发 -- (8) MyBatis的动态SQL

    本章主要内容:<if>条件元素、<choose>、<when>、<otherwise>分支元素、<trim>、<where>、<set>添加前后缀元素、<for...

    浩Coding
  • Mybatis中的#和$的区别

    MyBatis中使用parameterType向SQL语句传参,parameterType支持的类型可以是基本类型int,String,HashMap和java...

    浩Coding
  • ​空谈Security之Authentication和Authorization

    authentication和authorization这两个单词看起来很像,并且它们经常被一起提及到,但是,请注意,它们指代的是不同的概念,authentic...

    Bruce Li
  • Node.js 模块系统源码探微

    Node.js 的出现使得前端工程师可以跨端工作在服务器上,当然,一个新的运行环境的诞生亦会带来新的模块、功能、抑或是思想上的革新,本文将带领读者领略 Node...

    政采云前端团队
  • 【产品新闻】智能钛TI-ONE助力高校人工智能师资培养

    为推动中国人工智能行业的发展,促进专业人才培养,以及推进人工智能领域一级学科建设,信息技术新工科产学研联盟联合腾讯公司于10月29日,在南京大学开展了高等院校人...

    腾讯智能钛AI开发者
  • 高性能MySql学习笔记1——锁、事务、隔离级别

    提问: 事物的概念什么是脏读?不可重复读 为什么需要锁? 因为数据库要解决并发控制问题。在同一时刻,可能会有多个客户端对Table1.rown进行操作,比如有的...

    程序员小王
  • Flink UDF--Table Functions&Aggregation Functions

       与标量函数相似之处是输入可以0,1,或者多个参数,但是不同之处可以输出任意数目的行数。返回的行也可以包含一个或者多个列。

    小勇DW3
  • NOIP复习内容

    https://www.luogu.org/problemnew/lists?name=GSS&orderitem=pid&tag=&content=0&typ...

    attack
  • 【Rust日报】2020-07-15 用Rust重写FORTRAN科学软件

    chubaodb 是一个分布式高可用的云原生,同时支持传统的分布式文档搜索及存储系统,支持全文检索,聚合查询,向量搜索,标量搜索的功能,采用轻schema策略,...

    MikeLoveRust

扫码关注云+社区

领取腾讯云代金券