码迷,mamicode.com
首页 > 编程语言 > 详细

<a href="#"> 与<a href="javascript:void(0)">空链接的区别

时间:2017-12-12 12:14:41      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:lan   color   javascrip   col   标签设置   默认   oid   不执行   void   

这两种方法都是把 <a>标签设置成空链接

1.

<a href="#" target="_blank"></a>

#其实也是空连接的意思,但是点击之后会自动跳转到页面的顶部并且在页面URL后面会出现 #

因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部

可以使用多写#来避免调到顶部

<a href="####" target="_blank"></a>2.

2.

<a href="javascript:void(0);" target="_blank"></a>

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

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

3.

<a href="javascript:;" target="_blank"></a>

<a href="#"> 与<a href="javascript:void(0)">空链接的区别

标签:lan   color   javascrip   col   标签设置   默认   oid   不执行   void   

原文地址:http://www.cnblogs.com/lolitagis/p/8026784.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!