首页 > 编程语言 >a标签属性href中#和javasrcipt:;的区别

a标签属性href中#和javasrcipt:;的区别

时间:2022-10-24 12:35:13浏览次数:42  
标签:效果 javasrcipt 点击 href 标签 跳转 页面


a标签中路径“#”和“javasrcipt:;”的区别

前言

在a标签中如果想要超链接无跳转无反应,我们通常会给标签的href属性填写预留值 #javasrcipt:; ,二者看似效果一样,实际上还是存在细微的区别。

# 的效果

超链接无页面跳转,但是点击之后无论现在的页面位置是处在何处页面,页面都会返回至顶端。日常浏览页面中会降低用户的体验感,开发人员在开发中也会多多少少影响到调试页面。

javasrcipt:; 的效果

链接点击之后也是无跳转,而且页面无反应,像没点击过链接一样,页面位置也不会返回顶端,纯纯的无效果。所以在开发中运用 javascript:; 会更棒一些,无论从用户体验还是开发人员开发。

<!--虽然不跳转,但页面会返回顶端-->
<a href="#">我是#</a>
<!--页面纯纯的无效果-->
<a href="javasrcipt:;">我是javasrcipt:;</a>


标签:效果,javasrcipt,点击,href,标签,跳转,页面
From: https://blog.51cto.com/u_15694180/5789396

相关文章

  • 纯css实现卡牌小标签
    纯css实现卡牌小标签​​效果图​​​​代码部分​​​​补充​​效果图代码部分话不多说,直接上代码!<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8">......
  • HTML标签中文本标签和练习
    HTML标签-文本标签<b>:文本加粗<!--b文本加粗--><b>1、段落标签段落标签段落标签段落标签段落标签段落</b>运行结果: <i>:文本斜体<!--i文本斜体--><i......
  • JSTL C标签怎么判断参数是否为空
    有时候我们在使用JSTLC标签<c:if>语句的时候,想判断参数是否为空,怎么判断呢,下面来分享一下方法工具/原料JSTLC标签JSTLC标签判断参数是否为空方法方法/步骤第......
  • JSTL中taglib标签中uri和prefix的使用
    在早期的jsp开发中,是使用java代码来控制逻辑和显示的,但这样会给前端开发人员带来些麻烦并且代码的可读性也会降低。为了解决上述情况,标签库被创造出来了。标签库的目的在于......
  • destoon列表中调用tag标签
    destoon列表中调用tag标签。1、打开文件api/extend.func.php,在文件最后添加函数:functionhot_tag($tag){$tag=explode('',$tag);return$tag;}2、在列表......
  • Jquery 如何替换html字符串中标签属性值 ??
    如何利用JQuery替换HTML字符串中的属性值呢?如html字符串有很多img标签,现在需要修改img的src值varhtml="<divstyle="text-align:center;font-size:40px;font-fami......
  • 标签属性修改attr与prop
    attr()---------------自定义标签属性(自定义的属性拥有自定义的值)在自定义标签属性中---------只能使用attrprop()---------------原生的标签属性(原型链上带有的属性......
  • HTML标签-文件标签和文本标签
    HTML文件标签文件标签:构成html最基本的标签html:html文档的根标签head:头标签,用于去指定html文档的一些属性,还可以引入一些外部的资源(脑袋)title:标题标签(头部......
  • Kubernetes--Pod节点选择器nodeSelector(标签)
    Pod节点选择器是标签及标签选择器的一种应用,它能够让Pod对象基于集群中工作节点的标签来挑选倾向运行的目标节点。Kubernetes的kube-scheduler守护进程负责在各工作节点......
  • #yyds干货盘点# 前端歌谣的刷题之路-第一百三十八题-flex标签
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了......