详解a href=#与 a href=javascript:void(0) 的差别

a href="#"> 点一下连接后,网页页面会向上滚到页首,# 默认设置锚点为 #TOP

<a href="javascript:void(0)" onClick="window.open()"> 点一下连接后,网页页面没动,只开启连接

<a href="#" onclick="javascript:return false;"> 功效同上,不一样访问器会有差别。

点一下连接后,不想使网页页面滚到页首,就用href="javascript:void(0)",不必用href="#",return false也是有相近功效

详解href="#"与href="javascript:void(0)"的差别

"#"包括了1个部位信息内容
默认设置的锚点是#top 也便是网页页面的上端
而javascript:void(0) 仅仅表明1个死链
这便是为何有的情况下网页页面很长访问连接明明是#但是颤动到了页首
而javascript:void(0) 则并不是这般
因此启用脚本制作的情况下最好是用void(0)
或<input onclick>
<div onclick>等

开启新对话框连接的几种方法

1.window.open('url')
2.用自定涵数

拷贝编码
编码以下:

<script>
function openWin(tag,obj)
{
obj.target="_blank";
obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
obj.click();
}
</script>
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a>

window.location.href=""
-------------------------------------------------------------------------------
假如是个# ,就会出現跳到顶部的状况,本人个人收藏的几种处理方式:
1:<a href="####"></a>
2:<a href="javascript:void(0)"></a>
3:<a href="javascript:void(null)"></a>
4:<a href="#" onclick="return false"></a>
5:<span style="cursor:hand"></span>(仿佛在FF中不可以显示信息)
-------------------------------------------------------------------------------
慎用JavaScript:void(0)

今日调节CGI的情况下,明明CGI程序流程早已实行,而且最终結果也是正确的,可是网页页面便是不更新。在FireFox2.0下检测,結果确是一切正常的,IE6却恰恰不更新!细心调研了1下,发现cgi网页页面连接的是 <a href="javaScript:void(0)" OnClick="XXX_Func();" ….> only a sample </a>,难题就出在这个void(0)上!让大家先看来看JavaScript中void(0)的含意:
JavaScript中void是1个实际操作符,该实际操作符特定要测算1个表述式可是不回到值。

void 实际操作符用法文件格式以下:

1. javascript:void (expression_r_r)
2. javascript:void expression_r_r

expression_r_r是1个要测算的 JavaScript 规范的表述式。表述式外侧的圆括号是可选的,可是写上去是1个好习惯性。大家可使用 void 实际操作符特定非常连接。表述式会被测算可是不容易在当今文本文档处装入任何內容。面的编码建立了1个非常连接,当客户点一下之后不容易产生任何事。当客户点一下连接时,void(0) 测算为 0,但在 JavaScript 上沒有任何实际效果。
<a href="javascript:void(0)">点击此处甚么也不容易产生</a>
也便是说,要实行一些解决,可是不总体更新网页页面的状况下,可使用void(0),可是在必须对网页页面开展refresh的状况下,那就要细心了。
实际上大家能够这样用<a href="javascript:void(document.form.submit())">,这句话会开展1次submit实际操作。那甚么状况下用void(0)较为多呢,无更新,自然是Ajax了,看1下Ajax的web网页页面的话,1般都会看到有许多的void(0),:) ,因此在应用void(0)以前,最好是先想想,这个网页页面是不是必须总体更新。

应用javascript的情况下,一般大家会根据相近:

<a href="#" onclick="javascript:方式">递交</a>
的方法,根据1个伪连接来启用javascript方式.这类方式有1个难题是:
尽管点一下该连接的情况下不容易自动跳转网页页面.可是翻转条会往上滚,处理的方法是回到1个false.

以下所示:

<a href="#" onclick="javascript:方式;return false;">递交</a>

还能够用 ###

a href="javascript:void(0)" onclick="javascript:方式;return false;"递交
javascript:void(0)就不容易向上跳了:)

也有1个方式是 #this

a href="#this" onclick="javascript:方式"