a href=#与 a href=javascript:void(0)的区别？

前天做的页面是一个iframe弹出窗口（说明一下：同事用js脚本开发出来的）里触发一个<a>链接的按钮可在该窗口上弹出一个div悬浮层。但是每次点击，div悬浮层就自动位于IE窗口的顶端，下面的iframe窗口包含的页面会自动上移，位置错乱了。

      同事说主要是<a href='#' onclick='click事件名()'></a>这里的href='#'的原因，把它改成三个#就没问题了，即修改为<a href='###' onclick='click事件名()'></a>

      嘿，还真好了。后来网上搜了一下估计是： 

 

 

     ＃包含了一个位置信息

     默认的锚点是＃top 也就是网页的上端

   方法一：  所以为了避免这个位置问题有的人提倡采用的方式是javascript:void(0)  来表示一个死链接。

   方法二：  但是也有的人不提倡采用这种方式，看这篇文章：a href=”javascript:void(0);” — avoid the void大概就明白啥回事了，^_^   

    <a href="#" onclick="doSomething();returnfalse;">Link</a>

    或者

 

    <script type="javascript">
    function doSomething() {
      //doSomething
     returnfalse;
   }
   </script>
   <a href="#" onclick="return doSomething();">Link</a>

    以往大家不使用"#"的问题是，这将导致点击链接时页面跳回页面顶部，但通过 return false 语句将使得浏览器忽略链接的默认动作，从而避免了此问题。

   我想为何同事要用三个#，大概也是让＃包含的位置信息失去效果，但为何用三个而不是二个或四个之类的，就不太清楚了。下次有空再测一下。。。知道答案的朋友就给个评论里吧。先道声：谢谢了