点击空链接，页面不跳到页头

<a href=”#”>我的祖国</a>

当点击该链接时，页面会默认跳到网页头部---默认的锚点。

<a href=”##”>我的祖国</a>

多用几个#，页面就不会跳到头部了，刚才我试了下，遨游至少3个#，火狐至少两个，就不会跳到头部。

 

 

以前通过增加 onclick=”return false;” 来解决，可是，对于不同的浏览器会有偏差，且点击后，地址栏会多出一个……html#return false;，这十分不雅。

完美的解决方法

<a href=”javascript:void(0);”>我的祖国</a>

参考资料：
http://www.zfnn.com/post/396.html

 

----------------------------------------------------------------------

 

2009-6-3

 

今天又碰到一个怪问题：

表单里的验证码图片，后面有一个“看不清”的超链接，点击该链接，触发换一张新的验证码。请看代码：

<img id="imgauthcode" src="./?t=img" /><a id="imgPicLink" href="javascript:void(0);">看不清，换一张</a>

var reloadImg = function(){
	$("imgauthcode").src = "./?t=img&r=" + Math.random();
};
Event.observe('imgPicLink', 'click', reloadImg);

  上述代码在遨游，点击“看不清”链接，图片就消失了，无法正常加载（其他浏览器，包括ie7，都是正常的）。我把void(0)去掉，即可。

<a id="imgPicLink" href="#">看不清，换一张</a>

 

人总是恐惧未知的东西，如果不知道如何去认识未知的东西，恐惧会更多一层。

这些乱七八糟的问题，总是没有官方的权威资料可查，既然问题临时解决了，就不深究了，更不想把“辛苦碰出来”的结果当结论贴出来。

参考：js javascript:void(0) 真正含义

 

----------------------------------------------------------------------

2009-7-2

 

jquery官方网站的一段示例代码，刚好提到了如何取消超链接<a>的click事件，也就是，使点击链接不产生任何效果，就像没有点击一样。

$("a").click(function(e){
   // stop normal link click
   e.preventDefault();
});

 

上述代码改编自《Tutorials:Getting Started with jQuery 》的“Rate me: Using Ajax”一节。