超链接href="#"点击后会回到页首的解决办法

网页的时候会经常使用到点击文字出现某种效果,这样就需要设置为超链接的方式,如果你写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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值