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

2016/9/23 8:44:50   阅读:1574    发布者:1574

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title></title>  
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
</head>  
<body>  
这里是页首.....  
<p>1</p>  
<p>1</p>  
<p>1</p>  
<p>1</p>  
<p>1</p>  
<p>1</p>  
<p>1</p>  
<p>1</p>   
<p>1</p>  
<p>1</p>   
<p>1</p>  
<p>1</p>  
<a href="#">这是会跳到页首的</a> 
<a href="javascript:void(0)">这个不会跳动</a>  
</body>  
</html>