妙用javascript:void(0)
在开发过程中经常使用<a href="#"/>,可是在点击这个链接的时候,总是跳到页面的顶端,如果滚动条很长的话,并且已经阅览的页面底部的时候,给用户带来很大的困扰。
为什么会出现这种情况呢,查阅资料发现,#代表一个锚点,并且这个锚点是在页面的顶部,所以每次点击这个链接都会跳到页面顶部。
如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。javascript:void(0) 在有的浏览器会有问题。
浏览器问题还没有测试过呢,我是要用onclick事件的,是href=javascript:void(0)
但是我就没办法不是要麻烦一点的嘛,
<a></a>这种方式压根没有链接效果.
没有href属性的话就只是显示标签里面的文本.
我们的目的只是为了让a用起来像个Button而已
2、<a href="javascript:void(0)" onclick="alert()"></a>
第1个,在IE6(IE8没有哪个地球了)下点击链接,弹出对话框没有按确定的时候,你就会发现IE工具栏上面的那个小地球在旋转,说明IE还在发送一个请求。。。
第2个,在IE6下,发现地球是静止不动的,仅仅是执行一个本地的动作。
很久之前的测试了,大家可以测试下。