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>
<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="#" onclick="javascript:方法">提交</a>的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,
解决的办法是返回一个false.如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>
<a href="#" onclick="javascript:方法;return false;">提交</a>
还可以用 ###
a href="javascript:void(0)" onclick="javascript:方法;return false;"提交,javascript:void(0)就不会向上跳了:)
还有一个方法是 #this
a href="#this" onclick="javascript:方法"
a href="#this" onclick="javascript:方法"
本文来自博客园,作者:瘋孑,转载请注明原文链接:https://www.cnblogs.com/WebApp-DotNet/p/6392512.html