javascript:;与javascript:void(0)的理解

雨点打透心脏的1/2处 2021-09-13 23:18 307阅读 0赞

# void运算符 #

**简介：**

void 是 javascript 的操作符，意思是：只执行表达式，但没有返回值。该表达式会被计算但是不会在当前文档处装入任何内容，例如，void(0) 计算为 0 ，但在JavaScript上没有任何效果，也就是说 `<a href="javascript：void(0)">` 的作用和 `<a href="javascript：void(1)">` 的作用是一样的。

**void 操作符用法格式如下：**

javascript：void (表达式)  //推荐此写法
    javascript：void 表达式

--------------------

# 点击链接的操作 #

做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，例如

**点击链接后不做任何事情，代码如下：**

<a href="#" >test</a>  //点击链接，页面默认上滚到页的顶部，
                           //但可以加上 onclick="return false"，防止上滚到页的顶部
    
    <a href="####" >test</a> //使用2个到4个#，见的大多是"####"，也有使用"#all"等其他的。默认不上滚到页的顶部
    
    <a href="javascript：void(0);" >test</a> //其中，javascript:void(0) 仅仅表示一个死链接，执行空事件
                                           //新浪微博写法
    
    <a href="javascript：;" >test</a> //QQ空间写法

**点击链接后，响应用户自定义的点击事件**

<a href="javascript：void(0)" onclick="func()">test</a> //其中func() 是 javascript 方法，即函数
    
    <a href="#" onclick="func();return false;">什么问题都解决了,包括浏览器不兼容问题</a> //或者直接使用href="" 
    
    <a href="#" onclick="alert();event.returnValue=false;">test</a>

--------------------

# ajax 之 void(0) #

在 Ajax 中，都会常见如下的代码：

`<a href="javascript:doTest2();void(0);">here</a>`

但这儿的void(0)究竟是何含义呢？  
Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。

在 Ajax 的页面，实现的是无刷新操作，使用 void(0)也 比较多。看一下Ajax的web页面的话，一般都会看到有很多的void(0)，所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。

--------------------

# href=”\#” 情况处理 #

做页面时，如果是个\# ，就会出现跳到顶部的情况,个人收藏的几种解决方法：  
其中，”＃”包含了一个位置信息，默认的锚点是＃top 也就是网页的上端。

`<a href="####"></a>`

`<a href="javascript:void(0)"></a>`

`<a href="javascript:void(null)"></a>`