避免在锚点中更改位置(html)

时间:2013-03-15 11:34:33

标签: javascript html

我正在考虑处理点击事件的最佳解决方案,避免更改浏览器中的位置(#)。

以下是两种情况:

1. <a class="someclass" href="#">Click me</a>
   (This is ok, but adds a "#" in the url)  

2.  <a class="someclass" href="javascript:void(0)">Click me</a>
   (Seems to be better, the url never changes, but I don't know about compatibility in all browsers, or even when javascript is disabled)

哪一个是最好的解决方案?

4 个答案:

答案 0 :(得分:0)

据我所知,href参数不是必需的。只需删除它并仍然连接您需要的事件。

答案 1 :(得分:0)

在第一种方法中。只需在处理click事件的位置添加return false。然后它不会将#添加到URL

答案 2 :(得分:0)

使用Javascript:void(0);

void运算符几乎只会迫使点击无效。

答案 3 :(得分:0)

您应该使用与href="javascript:void(0)"相邻的onClick,因为它会阻止浏览器加载新页面。如果您想使用onCLick作为超链接并要求客户端不单击超链接后直接转到新页面,在href='javascript:void(0)'后面返回void(0)将阻止这种情况发生。