防止点空链接页面回到顶部
由于现在AJAX的流行,页面的上a标签的功能可能不仅仅是作为一个链接跳转,还可能是用作触发一个ajax请求,即用上a标签的onclick事件。a标签是通过属性href来指定链接地址的,如果用做ajax的button,可能会把href的属性值设置为#,例如:
<a href="#" onclick="doAjax()">Btn</a>
这样做其实是没有错的,但是当点击此链接后,页面会跑到顶端,特别的,当页面设置了 时候,会跳出另外一个页面,所以在用户体验上不是很好。
如何解决这样的问题呢?其实很简单,给href属性赋值一个javascript空函数即可,例如:
<a href="javascript:void(0)" onclick="doAjax()">Btn</a>
欢迎转载,转载请注明文章出处,谢谢!
分类: web前端