a href=#与 a href=javascript:void(0)的区别?
2009-10-23 08:27
423 查看
前天做的页面是一个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大概就明白啥回事了,^_^
或者
以往大家不使用"#"的问题是,这将导致点击链接时页面跳回页面顶部,但通过 return false 语句将使得浏览器忽略链接的默认动作,从而避免了此问题。
我想为何同事要用三个#,大概也是让#包含的位置信息失去效果,但为何用三个而不是二个或四个之类的,就不太清楚了。下次有空再测一下。。。知道答案的朋友就给个评论里吧。先道声:谢谢了
同事说主要是<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 语句将使得浏览器忽略链接的默认动作,从而避免了此问题。
我想为何同事要用三个#,大概也是让#包含的位置信息失去效果,但为何用三个而不是二个或四个之类的,就不太清楚了。下次有空再测一下。。。知道答案的朋友就给个评论里吧。先道声:谢谢了
相关文章推荐
- href ="javascript:void(0)" 和 href ="#" 的区别
- href=“#”与href=“javascript:void(0)”区别
- 浅谈href=#与href=javascript:void(0)的区别
- a href=#与 a href=javascript:void(0) 的区别
- a href="#" 与 a href="javascript:void(0)"的区别
- href=#与href=javascriptvoid(0)的区别
- a href=#与 a href=javascript:void(0) 的区别
- a href=#与 a href=javascript:void(0) 的区别
- a href=#与 a href=javascript:void(0) 的区别
- javascript:void(0)和href="#"的区别
- a href=#与 a href=javascript:void(0) 的区别,以及location.href含义
- a href=#与 a href=javascript:void(0) 的区别
- href=#与href=javascriptvoid(0)的区别
- a href=#与 a href=javascript:void(0) 的区别
- href="#"与href="javascript:void(0)"的区别
- href="#"与javascript:void(0)的区别
- a href=#与 a href=javascript:void(0) 的区别
- a href=#与 a href=javascript:void(0) 的区别
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- 关于A标签使用onclick事件的疑问,若是href="#",跳转无反应,以及href=#与href=javascript:void(0)的区别