锁定老帖子 主题:妙用javascript:void(0)
精华帖 (0) :: 良好帖 (5) :: 新手帖 (15) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2010-01-15
为什么会出现这种情况呢,查阅资料发现,#代表一个锚点,并且这个锚点是在页面的顶部,所以每次点击这个链接都会跳到页面顶部。 如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2010-01-15
sunhj000java 写道 在开发过程中经常使用<a href="#"/>,可是在点击这个链接的时候,总是跳到页面的顶端,如果滚动条很长的话,并且已经阅览的页面底部的时候,给用户带来很大的困扰。
为什么会出现这种情况呢,查阅资料发现,#代表一个锚点,并且这个锚点是在页面的顶部,所以每次点击这个链接都会跳到页面顶部。 如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。 # 也可以,你只需要 onclick="return false" 即可。 javascript:void(0) 在有的浏览器会有问题。 |
|
返回顶楼 | |
发表时间:2010-01-16
sunhj000java 写道 如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。 会不会对搜索引擎不友好? |
|
返回顶楼 | |
发表时间:2010-01-16
fnet 写道 sunhj000java 写道 在开发过程中经常使用<a href="#"/>,可是在点击这个链接的时候,总是跳到页面的顶端,如果滚动条很长的话,并且已经阅览的页面底部的时候,给用户带来很大的困扰。 为什么会出现这种情况呢,查阅资料发现,#代表一个锚点,并且这个锚点是在页面的顶部,所以每次点击这个链接都会跳到页面顶部。 如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。 # 也可以,你只需要 onclick="return false" 即可。 javascript:void(0) 在有的浏览器会有问题。 浏览器问题还没有测试过呢,我是要用onclick事件的,是href=javascript:void(0) |
|
返回顶楼 | |
发表时间:2010-01-16
coofucoo 写道 sunhj000java 写道 如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。 会不会对搜索引擎不友好? 应该不会吧,它起到的是一个锚点的作用撒 |
|
返回顶楼 | |
发表时间:2010-01-16
href="javascript:void(0);" 事实上void可以里面可以是任意值(表达式、函数等),但如果不幸写成href="javascript:void();",在IE下面就报错了;可恶的是如果不知道这个错误,它还很难跟踪定位,容易糊弄人。
|
|
返回顶楼 | |
发表时间:2010-01-16
写成这样也是可以的
javascript:; |
|
返回顶楼 | |
发表时间:2010-01-16
用三个#
或者四个# 都行。 |
|
返回顶楼 | |
发表时间:2010-01-17
最后修改:2010-01-17
关于这个问题,我专门写了一篇博客,感兴趣的可以看看,会有更好的方案
http://bazhuang.iteye.com/blog/548381 |
|
返回顶楼 | |
发表时间:2010-01-17
我一般都用下面几种:
1.href="javascript:void(0);" 2.href="javascript:;" 3.href="#all" 4.href="####" 目前最多用第2种,只是目前还没有详细研究区别,只是为了实现“点击后不要什么反应”的目的 |
|
返回顶楼 | |