目录

# 包含了一个位置信息,默认的锚是 #top 也就是网页的上端。

href=“javascript:void(0);” 和 href="javascript:;" 的区别

参考:


我们在使用a标签的空链接时,通常写为 href=“#” 或者 href=“javascript:void(0);” 或者href="javascript:;"

# 包含了一个位置信息,默认的锚是 #top 也就是网页的上端。

如果#+几个#或乱写其他字符,在页面上找不到锚点就不会发生跳转

<!-- 如果页面上没有 id为## 和 a标签name属性为## 的话就不会发生跳转 -->
<a href="#biliMainFooter">#</a>
<!-- <a name="##">####</a> -->
<div style="width: 100%; height: 1000px;">sss</div>
<a href="javascript:;">空链接</a>
<a href="###">######</a>

# 的原理就是 在url后加上一个锚点信息触发跳转,因为是默认是本页所以不会刷新页面;如果我们配合base标签就可实现跳页定位

<!DOCTYPE html>
<html lang="">
<head><meta charset="UTF-8"><title>Document</title><base href="https://www.bilibili.com/v/information/?spm_id_from=333.1007.0.0">
</head>
<body><a href="#biliMainFooter">#</a><div style="width: 100%; height: 1000px;">sss</div><a href="javascript:;">空链接</a><a href="###">######</a>
</body>
</html>

href=“javascript:void(0);” 和 href="javascript:;" 的区别

区别如下:

1、从执行效果来看

“javascript:;”直接返回undefined。“javascript:void(0);”要去执行一次表达式“0”,然后返回undefined。

2、性能上的区别:

javascript:void;会多一次表达式解析。

3、空间上区别:

“void(0);”比“;”多7个字符。


参考:

a标签空链接href=#与href=javascript:void(0)的区别 - html技术_卡卡网

https://www.w3cschool.cn/javascript/javascript-void.html

空链接,a标签herf属性,href=“#” 或者 href=“javascript:void(0);” 或者href=“javascript:;“ 区别相关推荐

  1. html中a标签空白页,a标签href设置javascript:void(0),在chrome点击打开新的空白页

    需求是:点击链接,根据权限或后台数据来动态判断是否可跳转到新页面 开发测试时,在两台性能较差的电脑上,及时设置了javascript:void(0),chrome仍会打开新的空白页. 排查结果是a标签 ...

  2. a标签href=”javascript;void(0)

    href="javascript:void(0)" href="javascript:void(0)"这个的含义是,让超链接去执行一个js函数,而不是去跳转到一 ...

  3. html 空链接 href=#与href=javascript:void(0)的区别

    #包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascrip ...

  4. 【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none

    基于webkit内核的移动开发笔记,之前已经写过4篇,主要是关于移动开发重构的分享,今晚有空了再写一篇. 回忆去年年底最后的一个项目,还有一个很怪异的bug,让项目团队的成员感到十分头疼.测试组的同事 ...

  5. a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法

    #包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是 跳动到了页首 而javas ...

  6. 关于javascript:void(0);,herf=”#”以及在IE6下,click事件失效的问题

    经常看到一些网页中,超链接标签中<a href="#"> herf中的"#"改成javascript:void(0);因为#包含了一个位置信息,默认 ...

  7. <a href=“javascript:void(0)“>

    今天发现这个很有趣 href="javascript:void(0);"这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址, 而void(0)表示一个空的方法,也就是 ...

  8. href=#与href=javascript:void(0)的区别

    href="#"与href="javascript:void(0)"的区别 # 包含了一个位置信息,默认的锚是#top 也就是网页的上端. 而javascrip ...

  9. a href=#与 a href=javascript:void(0) 的差别

    a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onCl ...

最新文章

  1. 【附申请地址】阿里云网盘,开放申请啦!非会员下载 10MB/s!有图有真相!
  2. Xshell+技巧+快捷键
  3. ImportError: No module named babel.dates
  4. 查看动态代理生成的代理类字节码
  5. php评星,jQuery+PHP星级评分实现方法
  6. python游戏按键无效_瞬速掌握Python系统管理-调试和分析脚本1-debugging
  7. 体操冠军江钰源:妈妈你不要去讨饭了
  8. mysql 参数 列 排序_将参数放入MySQL IN()后,按降序对列进行排序?
  9. 规则引擎drools java,spring,spring-boot,drools使用案例
  10. 软件设计原则(四) 里氏替换原则
  11. html的table的子节点,HTMLTableElement子节点并不如预期
  12. c语言选择题题及答案,C语言选择题练习及答案.doc
  13. wps excel连接MySQL数据库可刷新实时读取数据
  14. 学习vb6.0视频教程网址
  15. H.264 NAL语法语意以及字节流的语法语意
  16. 自主导航系列21-layered论文阅读
  17. SpringBoot切面Aop的demo简单讲解
  18. 使用React,Twilio和Cosmic JS构建约会调度程序
  19. css图片锯齿,CSS 锯齿实现
  20. Android新闻客户端实训-Day1类Day2接口基操

热门文章

  1. IOS 使用照相机和图片库
  2. html5 泡泡堂,HTML5 拖放 - 彩色泡泡糖的个人空间 - OSCHINA - 中文开源技术交流社区...
  3. Linux学习笔记1--Linux文件系统之CentOS7挂载U盘
  4. wordpress如何让百度快速收录_网站文章如何快速被收录?百度快速收录功能可以试一下...
  5. Android自定义View之实现流式布局
  6. office加载MathType导致启动超慢解决办法记录
  7. iOS图片倒影效果的2种实现
  8. 数据库设计 - 反范式冗余
  9. java io框架图_Java IO流体系继承结构图解析
  10. 【博学谷学习记录】超强总结,用心分享|大数据课程-学习第一周总结