<a href="javascritp:void(0)">的用法
2017-04-20 10:22
183 查看
转自:http://speed-guo.iteye.com/blog/1003496
1. <a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP
2.<a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接
3. <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异。
点击链接后,不想使页面滚到页首,就用href="javascript:void(0)",不要用href="#",return false也有类似作用。
html 代码:
<a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>
void 操作符用法格式如下:
javascript:void (expression)
javascript:void expression
expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。
<a href=”javascript:void(0)”>单击此处什么也不会发生</a>
也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。
<a href=”javascript:void(document.form.submit())”>
其实我们可以用上面的代码,这句话会进行一次submit操作。那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:D 所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。
1. <a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP
2.<a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接
3. <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异。
点击链接后,不想使页面滚到页首,就用href="javascript:void(0)",不要用href="#",return false也有类似作用。
html 代码:
<a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>
void 操作符用法格式如下:
javascript:void (expression)
javascript:void expression
expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。
<a href=”javascript:void(0)”>单击此处什么也不会发生</a>
也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。
<a href=”javascript:void(document.form.submit())”>
其实我们可以用上面的代码,这句话会进行一次submit操作。那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:D 所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。
相关文章推荐
- <a href="javascript:void(0)" onclick="ff()" ></a> 用法解析
- <a href="" />,<a href="#" />与<a href="javascript:void(0)" />的区别
- <a href=“#”>与< a href="javascript:void(0)"的区别
- <a href="" />,<a href="#" />与<a href="javascript:void(0)" />的区别
- <a href="javascript:void(0)" onclick="ff()" ></a> 用法解析
- <a>的href=“#”和href="javascript:void(0)"
- <a href="javascript:void(0)"> 伪协议
- <a href="#">和<a href="javascript:void(0);">
- 【转】IE6下<a href="#">与<a href="javascript:void(0);">的区别
- <a href="#"> 与<a href="javascript:void(0)">空链接的区别
- <a href="javascript:void(0)" onclick="Do();"></a> 打不开链接解决
- <a>标签中href="javascript:;" "javascript:void(0);"
- <a href="" />,<a href="#" />与<a href="javascript:void(0)" />的区别
- <a href="#">与<a href=javascript:void(0)> 的区别
- <a href="javascript:void(0);">用法
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- <a href="mailto:XXXX">在Android或iPhone上点击无法生效
- <a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线,敬请期待!');"><em class="rmwd"></em>征稿平台</a>
- <jsp:directive.page import=""/>的用法和解释
- <a href="#">链接</a>中的#是什么意思