【转】href="#"与"javascript:void(0);"的区别
2014-08-26 09:03
405 查看
在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用两种方法:
或者
以上两种方法很多人都认为是空链接的方法,但是这两种方法是有区别的,到底有什么区别呢?今天我们来聊一下。
详解href="#"与href="javascript:void(0)"的区别
"#"包含了一个位置信息
默认的锚点是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
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)
相关文章推荐
- href="#"与href="javascript:void(0)"的区别
- href="#"与href="javascript:void(0)"的区别
- href="#"与href="javascript:void(0)"的区别
- href="#"与href="javascript:void(0)"的区别
- a href="#"与a href="javascript:void(0)"的区别
- href="#"与href="javascript:void(0)"的区别
- a href="#"与 a href="javascript:void(0)" 的区别
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- href = "#" 和href = “javascript:void(0)”区别分析
- href="#"与href="javascript:void(0)"的区别
- <a href="" />,<a href="#" />与<a href="javascript:void(0)" />的区别
- a href="javascript:void(0)" 是什么意思?加不加上有什么区别?
- a href="#" 与 a href="javascript:void(0)"的区别
- href="#"与href="javascript:void(0)"的区别
- 不同浏览器下<a href="#">与<a href="javascript:void(0);">的区别
- <a href="" />,<a href="#" />与<a href="javascript:void(0)" />的区别
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- href="#"与javascript:void(0)的区别
- href="#"与href="javascript:void(0)"的区别
- [转]href="#"与href="javascript:void(0)"的区别