默认的锚Ҏ(gu)Qtop 也就是网늚上端
而javascript:void(0) 仅仅表示一个死链接
q就是ؓ什么有的时候页面很长浏览链接明明是Q可是蟩动到了页?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />而Javascript:void(0) 则不是如?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />所以调用脚本的时候最好用void(0)
或?lt;input onclick>
<div onclick>{?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />打开新窗口链接的几种办法
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=""
-------------------------------------------------------------------------------
如果是个# Q就会出现蟩到顶部的情况,个h收藏的几U解x法:
1Q?lt;a href="####"></a>
2Q?lt;a href="javascript:void(0)"></a>
3Q?lt;a href="javascript:void(null)"></a>
4Q?lt;a href="#" onclick="return false"></a>
5Q?lt;span style="cursor:hand"></span>(好像在FF中不能显C?
-------------------------------------------------------------------------------
慎用JavaScript:void(0)
今天调试CGI的时候,明明CGIE序已经执行Qƈ且最后结果也是正的Q但是页面就是不h。在Firefox2.0下测试,l果却是正常的,IE6却偏偏不hQ仔l调查了一下,发现cgi面链接的是 <a href="javaScript:void(0)" OnClick="XXX_Func();" ….> only a sample </a>,问题出在这个void(0)?让我们先来看看JavaScript中void(0)的含?
JavaScript中void是一个操作符Q该操作W指定要计算一个表辑ּ但是不返回倹{?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />void 操作W用法格式如下:
1. javascript:void (exPRession)
2. javascript:void expression
expression是一个要计算?JavaScript 标准的表辑ּ。表辑ּ外侧的圆括号是可选的Q但是写上去是一个好?fn)惯。我们可以?void 操作W指定超U链接。表辑ּ会被计算但是不会在当前文档处装入M内容。面的代码创Z一个超U链接,当用L(fng)M后不会发生Q何事。当用户点击链接Ӟvoid(0) 计算?0Q但?JavaScript 上没有Q何效果?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><a href="javascript:void(0)">单击此处什么也不会发生</a>
也就是说Q要执行某些处理Q但是不整体h面的情况下Q可以用void(0),但是在需要对面q行refresh的情况下Q那p仔细了?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />其实我们可以q样?lt;a href="javascript:void(document.form.submit())">Q这句话会进行一ơsubmit操作。那什么情况下用void(0)比较多呢Q无hQ当然是Ajax了,看一下Ajax的web面的话Q一般都会看到有很多的void(0)Q:Q Q所以在使用void(0)之前,最好先想一?q个面是否需要整体刷新?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />----------------------------------
Z么location.href不自动蟩转?慎用javascript:void(0)
<a href="javascript:void(0)" onclick="delete('123')">删除</a>
<script>
function delete(id) {
if(confirm("实要删除[Z么location.href不自动蟩转?]吗?")) {
location.href="/delete.jsp?id=" + id;
}
}
以上代码不管如何查都没有M问题Q而location.href="/delete.jsp?id=" + id;在别的地斚w好Qؓ什么这D代码就行呢Q?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />原因是那个void(0)Q把代码Ҏ(gu)Q?br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><a href="javascript:delete('123')">删除</a>
<script>
function delete(id) {
if(confirm("实要删除[Z么location.href不自动蟩转?]吗?")) {
location.href="/delete.jsp?id=" + id;
}
}
我们发现Q页面立卛_跌{了,能正常删除相应的数据?/p>
void是一个操作符Q会计算一个表辑ּQ但不会q回|当然也不会改变当前页面的M内容Q也׃会正常的跌{
W一U:
<script language="javascript">
window.location.href="index.php";
//比较常用的方法,没什么可解释的,后面直接跟指定要跌{的地斏V?/p>
</script>
W二U:
<script language="javascript">
alert("q回");
window.history.back(-1);
//cM于按钮,参数是负几,后退几次?/p>
</script>
W三U:
<script language="javascript">
window.navigate("index.jsp");
JS?wi)Ş菜单是很常用?a style="color: #006600; text-decoration: underline" target="_blank">JSҎ(gu)代码Q常用在理软g当中Q但是一套树(wi)形菜单已l不能满需求,所以如果能有一套比较全面的?wi)Ş菜单JSҎ(gu)代码Q将会非常方便,下面懒h萱将全的JS?wi)Ş菜单QdhtmlxTreeQ共享出来,怿你一定用得上?/p>
全的JS?wi)Ş菜单׃n一共包括八U,下面׃一介绍Q?/p>
1、不同表现方式的JS?wi)Ş菜?/strong>Q如图所C)
2、复选框式的JS?wi)Ş菜?/strong>Q如图所C)
左图为只可以选择单节点,叛_为在选择子节点的同时选择父节?/p>
3?strong>可以重新排列节点q且h拖放功能的js?wi)Ş菜?/strong>Q如图所C)
4?strong>带有提示框的js?wi)Ş菜?/strong>Q如图所C)
如果x开或关闭某个节点,会弹出一个警告框Q如果选中或取消某个菜单前的复选框Q也会有相应的文字提C。这个功能目前还没有惛_会在什么情况下使用Q但是可以先了解一下?/p>
5?strong>div菜单列表转换成树(wi)的js?wi)Ş菜?/strong>Q如图所C)
左图为div菜单列表Q右图ؓ转换后的?wi)?/p>
6?strong>可以异步加蝲数据的js?wi)Ş菜?/strong>
7?strong>可以d和删除菜单的js?wi)Ş菜?/strong>Q如图所C)
包括d子菜单和同菜单两种?/p>
8?strong>展开关闭节点的js?wi)Ş菜?/strong>Q如图所C)
所有的JS?wi)Ş菜单源文件在附g下蝲Q里面有以上全部的实例源代码Q还有很详细的功能描q及参数讄Q不q都是英文的Q本语很差大家还是自q译吧Q呵呵!
此JS?wi)Ş菜单已做q测试,可以兼容现在的所有主浏览器Q所以你可以攑ֿ使用q个JS?wi)Ş菜单?/p>
里边的功能很多,可能大家暂时不会都用刎ͼ但是说不定以后会用到呢,所以要好好收藏哦!
好了QJSҎ(gu)代码大全Q七Q超全的JS?wi)Ş菜单׃np么多了,懒h׃前还有很多其他JSҎ(gu)代码文章Q也可以下蝲下来收藏Q以后一定有用到的地方,如果其中有什么问题可以留al?a style="color: #006600; text-decoration: underline" target="_blank">懒h?/a>Q尽量给你满意的{复Q?/p>
来自Q?a >http://www.oecp.cn/hi/xuan/blog/392