首页 > web前端 > 防止点空链接页面回到顶部

防止点空链接页面回到顶部

2013年1月15日 发表评论 阅读评论

由于现在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>


欢迎转载,转载请注明文章出处,谢谢!
垃圾有点差凑合看还不错很精彩 (还没有人进行评分)
Loading...Loading...
分类: web前端 标签:
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

无觅相关文章插件,快速提升流量