我们做网站时,经常加入一些空的链接,这时我们常见的写法是把href属性的值设为#。但这会有一些问题,当客户点击这样的链接时,会出现返回到网站顶端的情况,严重影响用户体验。

学Sc6网r93页np28网(http://www.xwangye.com)

以前我写过一个解决主法,就是不写href值,然后给a加一个cursor:hand的样式。这样就不会出现这种问题。那还有没有其他的写法呢?今天我从网上找到一篇,总结了一下。

学Sc6网r93页np28网(http://www.xwangye.com)

1.将<a href=“#”>.......</a>改为<a href=“javascript:;”> .......</a>

学Sc6网r93页np28网(http://www.xwangye.com)

2.将<a href=“#”> .......</a>改为<a href=“#”onclick="return false"> .......</a>

学Sc6网r93页np28网(http://www.xwangye.com)

3.如果实在不需要一个连接,而只是想让浏览者把鼠标放在这里的时候让鼠标变成手,那么你也可以将........前的<a> 去掉,用<span style="cursor:hand">代替也可以

学Sc6网r93页np28网(http://www.xwangye.com)

4.将<a href=“#”> .......</a>改为<a href=“####”>.......</a>

学Sc6网r93页np28网(http://www.xwangye.com)

5.将<a href==“#”> .......</a>改为<a href="javascript:void(0)">.....</a>

学Sc6网r93页np28网(http://www.xwangye.com)