A标签跳转问题

今天在改页面的时候,发现onclick事件都返回false了,但还是跳转了,找了很久终于找到了原因。

代码1:
<a href="#" onClick="submitCn()">submit</a> //  #  这里会跳转

 解决方法1:
<a href="javascript:void(0)" onClick="submitCn()">submit</a>   //  这样就不会跳转了

代码2:
<a href="javascript:void(0)" onClick="submitCn()"><input type="image" src="1.jpg"></a>  //这样也会跳转  具体哪里的原因没有验证,如果有问题,可以留言给我

解决方法2:
<a href="javascript:void(0)" onClick="submitCn()"><img src="1.jpg"></a> //这样就不会跳转了


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

昨天用了解决方法1之后,发生了新问题,在ie6下面,不跳转了,后来找到解决方法,如下:
<a href="javascript:void(0)" onClick="submitCn();return false;">submit</a>   //这样就可以了

也找到两篇文章详细的说明了这点,有兴趣的可以查看文章一文章二


关于<input type="image">表单提交的问题,也找到了答案。
在HTML中是这样定义的:创建一个图像控件,该控件被点击后将导致表单立即被提交

所以一定要写下,避免下次再出现类似的事件。。。


原文地址:https://www.cnblogs.com/zf2011/p/2076674.html