欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

a标签中href=“javascript:void(0) ”用法和其它几种方式

程序员文章站 2022-03-26 13:26:10
来源: 此处:Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1\. javascript:void (expression) 2\. javascript:void expression expression 是一个要计算的 ......

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官方也不推荐使用。