网页的时候会经常使用到点击文字出现某种效果,这样就需要设置为超链接的方式,如果你写href="#"那么点击后会回到页首,这样影响操作。为了让点击不回到页首,有以下两种方式可以解决:
<a href="javascript:void(0)" οnclick="window.open('yoururl')">人员管理</a>
<a href="javascript:return" οnclick="window.open('yoururl')">人员管理</a>
javascript:void(0); 这个的意思是超链接无效,但鼠标移动上去还是超链接的形式。
建议使用void(0)方式,因为return方式,有时会影响click事件的传播,尤其是return false的时候。
例如:<a href="javascript:void(0)" οnclick="layer1.style.visibility='visible'">显示插图</a>
如果你需要详细了解,请继续往下看:
JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression 是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。void 运算符对表达式求值,并返回 undefined,避免表达式返回值。在希望求表达式的值,但又不希望脚本的剩余部分看见这个结果时,该运算符最有用。
你可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。
当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。
下面的代码创建了一个超级链接,用户单击时会提交表单。
<a href="javascript:void(document.form.submit())">点击链接提交表单</a>
<a href=#>与 <a href=javascript:void(0)> 的区别,# 包含了一个位置信息,默认的锚点是#top 也就是网页的上端,而javascript:void(0) 仅仅表示一个死链接.这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首,而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0