在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用两种方法:
1
<a href="#" target="_blank"></a>
或者
1
<a href="javascript:void(0);" target="_blank"></a>
以上两种方法很多人都认为是空链接的方法,但是这两种方法是有区别的,到底有什么区别呢?今天我们来聊一下。

href="#"方法:

其实也是空连接的意思,但是点击之后会自动跳转到页面的最上面,因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部。

href="javascript:void(0);"方法:

void是一个操作符,这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0(void(0)),则什么也不执行,从而也就形成了一个空链接。

#与javascript:void(0)的区别:

所以,#与javascript:void(0)的区别也很明显,#方法会跳转到页面的顶部,并且在页面URL后面会出现#,而javascript:void(0)方法不会,所以如果是空连接的话,还是推荐javascript:void(0)。
 
 

详解href="#"与href="javascript:void(0)"的区别

"#"包含了一个位置信息
默认的锚点是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)

最新文章

  1. JavaScript语言精粹--执行环境及作用域,this
  2. php $CI =&amp; get_instance();
  3. CString转string
  4. HTML5 video 和 audio
  5. swift 学习资源
  6. [转]android Handler使用
  7. 【SSH系列】spring中为什么要使用IOC
  8. 【BZOJ3174】[TJOI2013]拯救小矮人(贪心,动态规划)
  9. BZOJ1911 [Apio2010]特别行动队 - 动态规划 - 斜率优化
  10. 用pip安装python库下载timeout的解决办法
  11. Spark2.1.0——剖析spark-shell
  12. chrome DevTools之黑箱大法(Blackbox ) 黑箱化源代码
  13. 跟我一起写Makefile:使用函数
  14. Oracle 实例恢复
  15. JavaScript深浅拷贝
  16. AOP称为面向切面编程,在程序开发中主要用来解决一些系统层面上的问题
  17. centos7安装lua语言环境
  18. uboot1.1.6 start.s分析
  19. 245. Subtree【LintCode java】
  20. Bootstrap导航栏实例讲解

热门文章

  1. java.sql.SQLException: Lock wait timeout exceeded; try restarting transaction
  2. eclipse修改端口启动多个tomcat
  3. Linux 软链接操作项目
  4. Keystone Federation Identity
  5. 读写properties文件方法
  6. Tomcat翻译--The Host Container
  7. 【VS2013编译DirectX Tutorials时遇到的错误】&quot;const wchar_t *&quot; 类型的实参与 &quot;LPCSTR&quot; 类型的形参不兼容
  8. Beautifusoup
  9. 分布式_理论_08_Consistent Hash(一致性哈希算法)
  10. MySQL引擎各个引擎对比介绍