js中 javascript:void(0) 用法详解
2015-08-11 00:00
621 查看
javascript:void(0)表示不做任何动作。如:
<a href="javascript:void(0);" onclick="alert('ok');"></a>
这里表示这个链接不做跳转动作,执行onClick事件。
我想使用过ajax的都常见这样的代码:
<a href="javascript:doTest2();void(0);">here</a>
但这儿的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())"> 单此处提交表单</A>
a href=#与 a href=javascript:void(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?stationno="+tag; obj.click(); } </script> <a href="javascript:void(0)" onclick="openWin(3,this)">徐州</a> window.location.href=""
总结:
1 void(0)用于执行某些处理,但是不整体刷新页面的情况下,但是在需要对页面进行refresh的情况下,那就要仔细了。
2 其实我们可以这样用<a href=”javascript:void(document.form.submit())”>,这句话会进行一次submit操作。那什么情 况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新
3 说白了,href="#"这种形式会整体刷新页面,而 href="javascript:void(0)" 则不会
以上内容介绍了js中 javascript:void(0) 的含义,希望对大家有所帮助。
相关文章推荐
- JavaScript SHA512&SHA256加密算法详解
- js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
- JS实现点击复选框将按钮或文本框变为灰色不可用的方法
- js限制文本框只能输入中文的方法
- JavaScript设置表单上传时文件个数的方法
- javascript实现选中复选框后相关输入框变灰不可用的方法
- JavaScript实现下拉列表框数据增加、删除、上下排序的方法
- js判断子窗体是否关闭的方法
- js实现获取当前时间是本月第几周的方法
- javascript封装简单实现方法
- intern的项目纠结js里cookie的用法
- js 逻辑与 逻辑或
- JS encode decode
- js语法基础1
- JS函数式编程【译】3.2 开发和生产环境
- JS对象继承
- 【JavaScript】--正则表达式
- javascript trim函数在IE下不能用
- js倒计时如火车站买火车票后15分钟必须付款否则取消火车票
- JSP页面生成验证码