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官方也不推荐使用。
如对本文有疑问， 点击进行留言回复！！
Agora 开源 | 一个 Demo，帮你快速实现社交直播四大场景
vuejs （2）- Vue 生命周期 和 VueJS ajax
我要评论
网友评论