a标签中href=“javascript:void(0) ”用法和其它几种方式
1、<a href="javascript:test();void(0);">here</a>
此处:javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression 是一个要计算的 javascript 标准的表达式。表达式外侧的圆括号是可选的,鉴于规范化,以及养成好习惯,建议写上去。
当我们使用 void 操作符指定超级链接时,表达式会被计算但是不会在当前文档处装入任何内容。
有以下几种情况:
(1)下面的代码创建了一个超链接,当用户链接时,void(0) 计算为 0,所以 javascript 上没有任何效果。
<a href="javascript:void(0)">单击此处什么也不会发生</a> //javascript:void(0) 仅仅表示一个死链接
(2)下面的代码创建了一个超链接,用户单击时会提交表单。
<a href="javascript:void(document.form.submit())">单击此处提交表单</a>
2、a href="javascript:;" onclick="js_method()"
这种方法跟跟第1种类似,区别只是执行了一条空的js代码。
3、a href="#" onclick="js_method()"
这种方式也是很常见的用法,#是标签内的一个方法,意思是回到top顶部,比如有的网站浏览滚动的时候会有一个回到顶部的图标,就可以使用#。
4、a href="#" onclick="js_method();return false;"
跟第三种类似,只是在执行onclick的方法后执行return false,表示页面不发生跳转,还是在页面的当前执行位置
5、a href="javascript:js_method();"
这种方式也可以,但是一般不推荐使用,会存在一些兼容性问题,导致一些无法定位的问题出现,并且w3c官方也不推荐使用。