href="#" href="javascript:void(0);" href="###"

＃"包含了一个位置信息，默认的锚点是＃top 也就是网页的上端。

而javascript:void(0)  仅仅表示一个死链接，这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首，而javascript:void(0) 则不是如此，所以调用脚本的时候最好用void(0)

 

如果是个# ，就会出现跳到顶部的情况，有几种解决方法：
1：<a href="####"></a>
2：<a href="javascript:void(0)"></a>　　//void(0)表示不作任何操作，用来阻碍事件的默认操作，这样会防止链接跳转到其他页面。
3：<a href="javascript:void(null)"></a>
4：<a href="#" οnclick="return false"></a>　　　//比较少用
5：<span style="cursor:hand"></span>(好像在FF中不能显示)

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

慎用JavaScript:void(0) 

JavaScript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。

void 操作符用法格式如下： 
1. javascript:void (expression)
2. javascript:void expression 

expression 是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的，但是写上去是一个好习惯。 (实现版本  Navigator 3.0  )

你可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。

下面的代码创建了一个超级链接，当用户点击以后不会发生任何事。当用户点击链接时，void(0) 计算为 0，但在 JavaScript 上没有任何效果。

<a href="javascript:void(0)">单击此处什么也不会发生</a>

下面的代码创建了一个超级链接，用户单击时会提交表单。

<a href="javascript:void(document.form.submit())">

 

如果想定义一个空的链接，又不跳转到页面头部，可以写href="###"。详细解释就是'#' 是有特定意义的，如果 '#' 后有内容会被认为是一个标签而从页面找到相应标签跳转到该处，找不到时会跳到页首， '###' 其实就是一个无意义的标签指定，也就是一个 '#' 和不存在的标签 '##' 的组合，页面中找不到命名为 '##' 的 <a> 时该链接就不会发生跳转，也就不会导致执行 onclick 中的内容时突然发生页面跳到页首的问题。'###' 只是一种使用者习惯，如果你愿意，可以随便找一个跳转不到的标签作为命名。说白了"###" 就是一个不是锚点的字符串 浏览器找不到也不会跳到页首，原理就是依赖了网页的报错机制，找不到就不做处理。

     有些人说，不喜欢“###”因为他会改变链接。都是使用一直用javascript:void(0)或者javascript:。href="javascript:void(0);"但也有人说用href="javascript:void(0);"可能会有浏览器兼容问题。在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。

     javascript:void(0)这种伪协议，少写的好，如果你看过一些web标准的书就知道为什么了。 2.链接（href）直接使用javascript:void(0)在IE中可能会引起一些问题，比如：造成gif动画停止播放等，所以，最安全的办法还是使用“####”。为防止点击链接后跳转到页首，onclick事件return false即可。

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

在w3school中关于void的介绍：

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值，例如，从 HTML 的 <a> 元素调用 JavaScript 函数时。要正确做到这一点，函数不能返回有效值，否则浏览器将清空页面，只显示函数的结果。例如：

<a href="javascript:window.open('about:blank')">Click me</a>

如果把这行代码放入 HTML 页面，点击其中的链接，即可看到屏幕上显示 "[object]"。TIY

这是因为 window.open() 方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。

要避免这种效果，可以用 void 运算符调用 window.open() 函数：

<a href="javascript:void(window.open('about:blank'))">Click me</a>

这使 window.open() 调用返回 undefined，它不是有效值，不会显示在浏览器窗口中。

提示：请记住，没有返回值的函数真正返回的都是 undefined。

——————————————————————————————————————————————

给<a>标签增加href属性，就意味着以下事情：

　　:link选择器可以选择到它

　　这个a标签可以获得焦点（可以通过tab按键访问到）

　　在浏览器的默认样式表中，有href属性的<a>标签才有cursor:pointer的效果（尤其是在低版本的IE上）。

　　绑定了onclick事件的<a>标签，尤其是它的作用是ajax请求时，基本上我们就用不上这个标签的默认行为，也连接不到的实际页面，一般而言也会在CSS里给予了这个元素的cursor等样式。这时候还要加上href属性，是为了：

　　让<a>够响应键盘事件并获得焦点（从而屏幕阅读器能够读出背后的内容，增强可访问性）

　　优雅降级，在网络连接很差，还没有加载到CSS的时候，<a>依然有手型与正常的link样式。

　　给<a>标签以href属性，并不连接到实际的页面的方案有：

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

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

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

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

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

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

　　<a href="javascript:;"></a>

　　<a href="javascript:"></a>

　　他们的体验有细微的差别。

　　1，点击这个链接后，会让页面跳到头部，window.location.href末尾增加#（若window.location.href末尾没有#），除非在js里面捕获onclick事件并阻止默认事件。

　　2有了初步的语义。但是，如果页面里面有id为nogo的元素，点击这个链接后，锚点机制会作用，页面贴齐这个元素上缘。更详细的，详见张鑫旭的《URL锚点HTML定位技术机制、应用与问题》

　　3在chrome中不再默认跳转到页面头部，4在IE11中不再跳转到页面头部。正常的点击不会在地址栏增加#，但若用户使用open in new tab的方式（比如中键），就会跳到形如http://segmentfault.com/q/1010000000339082###的地址，见下方测试。

　　5~8作用相同，但使用了javascript伪协议。在IE6下面，这个a标签被点击后，IE6会使得页面中的gif暂停，并且触发onbeforeunload事件(详情参考这里)，IE6认作这个页面有了重定向，并abort之后所有的请求（参考这里）。所以假如你在此之后替换了一个<img>的src，IE6完全不会完成这个新的请求。

测试：

在IE11中，点击###、####和#####时，页面不再跳转到头部

　　在chrome中，点击##、###、####和#####时，页面不再跳转到头部。

　　但是在IE11和chrome中，点击所有的<a>都会造成地址栏的修改，并触发hashchange事件。

　　所以之前说的“###不会造成地址栏的改变”是错误的。

　　没有大规模测试其他的浏览器，这里做初步猜想：###的意义在于，这是字符数最少的，在所有的浏览器中不会导致跳转到页面头部的锚点。

 

参考：

http://www.w3school.com.cn/js/pro_js_operators_unary.asp

http://www.jb51.net/article/34156.htm

http://c.jinhusns.com/bar/t-829

http://www.chinacloud.cn/show.aspx?id=15041&cid=22

转载于:https://www.cnblogs.com/shiddong/p/5652591.html