空链接,a标签herf属性,href=“#” 或者 href=“javascript:void(0);” 或者href=“javascript:;“ 区别
目录
# 包含了一个位置信息,默认的锚是 #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:;“ 区别相关推荐
- html中a标签空白页,a标签href设置javascript:void(0),在chrome点击打开新的空白页
需求是:点击链接,根据权限或后台数据来动态判断是否可跳转到新页面 开发测试时,在两台性能较差的电脑上,及时设置了javascript:void(0),chrome仍会打开新的空白页. 排查结果是a标签 ...
- a标签href=”javascript;void(0)
href="javascript:void(0)" href="javascript:void(0)"这个的含义是,让超链接去执行一个js函数,而不是去跳转到一 ...
- html 空链接 href=#与href=javascript:void(0)的区别
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascrip ...
- 【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none
基于webkit内核的移动开发笔记,之前已经写过4篇,主要是关于移动开发重构的分享,今晚有空了再写一篇. 回忆去年年底最后的一个项目,还有一个很怪异的bug,让项目团队的成员感到十分头疼.测试组的同事 ...
- a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
#包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是 跳动到了页首 而javas ...
- 关于javascript:void(0);,herf=”#”以及在IE6下,click事件失效的问题
经常看到一些网页中,超链接标签中<a href="#"> herf中的"#"改成javascript:void(0);因为#包含了一个位置信息,默认 ...
- <a href=“javascript:void(0)“>
今天发现这个很有趣 href="javascript:void(0);"这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址, 而void(0)表示一个空的方法,也就是 ...
- href=#与href=javascript:void(0)的区别
href="#"与href="javascript:void(0)"的区别 # 包含了一个位置信息,默认的锚是#top 也就是网页的上端. 而javascrip ...
- a href=#与 a href=javascript:void(0) 的差别
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onCl ...
最新文章
- 【附申请地址】阿里云网盘,开放申请啦!非会员下载 10MB/s!有图有真相!
- Xshell+技巧+快捷键
- ImportError: No module named babel.dates
- 查看动态代理生成的代理类字节码
- php评星,jQuery+PHP星级评分实现方法
- python游戏按键无效_瞬速掌握Python系统管理-调试和分析脚本1-debugging
- 体操冠军江钰源:妈妈你不要去讨饭了
- mysql 参数 列 排序_将参数放入MySQL IN()后,按降序对列进行排序?
- 规则引擎drools java,spring,spring-boot,drools使用案例
- 软件设计原则(四) 里氏替换原则
- html的table的子节点,HTMLTableElement子节点并不如预期
- c语言选择题题及答案,C语言选择题练习及答案.doc
- wps excel连接MySQL数据库可刷新实时读取数据
- 学习vb6.0视频教程网址
- H.264 NAL语法语意以及字节流的语法语意
- 自主导航系列21-layered论文阅读
- SpringBoot切面Aop的demo简单讲解
- 使用React,Twilio和Cosmic JS构建约会调度程序
- css图片锯齿,CSS 锯齿实现
- Android新闻客户端实训-Day1类Day2接口基操
热门文章
- IOS 使用照相机和图片库
- html5 泡泡堂,HTML5 拖放 - 彩色泡泡糖的个人空间 - OSCHINA - 中文开源技术交流社区...
- Linux学习笔记1--Linux文件系统之CentOS7挂载U盘
- wordpress如何让百度快速收录_网站文章如何快速被收录?百度快速收录功能可以试一下...
- Android自定义View之实现流式布局
- office加载MathType导致启动超慢解决办法记录
- iOS图片倒影效果的2种实现
- 数据库设计 - 反范式冗余
- java io框架图_Java IO流体系继承结构图解析
- 【博学谷学习记录】超强总结,用心分享|大数据课程-学习第一周总结