手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
摘要:Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。void操作符用法格式如下:1.javascript:...

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

void 操作符用法格式如下:

1. javascript:void (expression)

2. javascript:void expression

expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的,但是写上去是一个好习惯。

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

示例-点击超链接不跳转

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

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

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

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

点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP(实际测试发现 滚动条会滚到顶端)而以上四种方法仅仅表示一个死链接都表示是一个死链接不会跳转也不会返回到顶部.

示例-为什么location.href不自动跳转?

<a href="javascript:void(0)">删除</a> function delete(id){ if(confirm("确实要删除[为什么location.href不自动跳转?]吗?")) { location.href="/delete.jsp" + id; } }

以上代码不管如何检查都没有任何问题,而location.href="/delete.jsp" + id;在别的地方都好使,为什么这段代码就行呢?

原因是那个void(0)把代码改成:

<a href="javascript:delete('123')">删除</a>function delete(id) { if(confirm("确实要删除[为什么location.href不自动跳转?]吗?")) { location.href="/delete.jsp" + id; } }

我们发现,页面立即就跳转了,能正常删除相应的数据.为什么呢?

因为void是一个操作符,会计算一个表达式,但不会返回值,当然也不会改变当前页面的任何内容,也就不会正常的跳转.

说明

void 运算符对表达式求值,并返回 undefined。在希望求表达式的值,但又不希望脚本的剩余部分看见这个结果时,该运算符最有用。

链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“#”。为防止点击链接后跳转到页首,onclick 事件 return false即可。

PS:href=#与href=javascriptvoid(0)的区别

#"包含了一个位置信息

默认的锚点是#top 也就是网页的上端

而javascript:void(0) 仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首

而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"+tag; obj.click(); } </script> <a href="javascript:void(0)">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="#"></a>

5:<span></span>(好像在FF中不能显示)

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

以上内容是小编给大家介绍的javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别,希望对大家有所帮助。

【javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别】相关文章:

javascript常用的方法分享

JavaScript数组去重的3种方法和代码实例

Javascript技术栈中的四种依赖注入小结

javascript实现控制的多级下拉菜单

javascript实现简单的进度条

Javascript客户端脚本的设计和应用

Javascript技术栈中的四种依赖注入详解

javascript插件开发的一些感想和心得

JavaScript框架是什么?怎样才能叫做框架?

详解JavaScript中void语句的使用

精品推荐
分类导航