JavaScript:void(0)使用介绍

1、点击链接后不做任何事情(为防止点击链接后跳转到页首，onclick事件return false即可)

　　<a href= "javascript：void(0);" >test</a>

　　<a href= "javascript：;" >test</a>

　　<a href= "####" >test</a>

　　 如果是个# ，就会出现跳到顶部（"＃"包含了一个位置信息，默认的锚点是＃top 也就是网页的上端）格式为：# + id

　　<a href="javascript:void(0);">点我没有反应的!</a> 
　　<a href="#pos">点我定位到指定位置!</a> 
　　<br> 
　　... 
　　<br> 
　　<p id="pos">尾部定位点</p>

 

2、点击链接后，响应用户自定义的点击事件

　　 <a href= "javascript：void(0)" onclick= "doSomething()" >test</a>　　

　　<a href= "#" onclick= "doSomething();return false;" >什么问题都解决了,包括浏览器不兼容问题</a>, 或者直接使用href=""

　　<a href= "#" onclick= "alert();event.returnValue=false;" >test</a>

 

3、void是javascript的操作符，意思是：只执行表达式，但没有返回值， 

　　javascript：void (expression) 

　　javascript：void expression

 

4、使用javascript的时候,通常我们会通过类似:

　　<a href="#" οnclick="javascript:方法">提交</a>的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,

　　解决的办法是返回一个false.如下所示:
　　<a href="#" οnclick="javascript:方法;return false;">提交</a>

　　还可以用 ###

　　a href="javascript:void(0)" οnclick="javascript:方法;return false;"提交,javascript:void(0)就不会向上跳了:)

　　还有一个方法是 #this
　　a href="#this" οnclick="javascript:方法"

 

 

转载于:https://www.cnblogs.com/WebApp-DotNet/p/6392512.html