JavaScript锚标记的正确href值是多少？

Question

我通常必须将JavaScript函数绑定到锚点击事件。使用jquery或onclick内联属性很容易。

但是，我的问题是，我永远不知道保持href为空的最佳方式是。

例如：

1. <a href="javascript:void(0)"> - 似乎有点太多代码只是为空
2. <a href=#> - 如果我不想转到另一页，我必须回来     在JavaScript调用中为false
3. <a href> - 此选项打破了     光标和悬停样式，浏览器不会将其呈现为链接
4. <a> - 同上

空锚的最佳href值是多少？我没兴趣保持没有JavaScript的功能

Answer 1

正确的方法是使用空的a元素href属性并在Javascript中绑定click事件。

对于不显眼的设计，你应该有一个href属性和一个正确的链接（所以那些没有Javascript的人仍然可以使用该网站）并删除Javascript中的属性，绑定点击事件。

如果您只是将a元素用作绑定点击事件的目标，请考虑使用div或span。

Answer 2

只是不要使用A元素。您也可以使DIV可点击或任何其他元素。

或者您也可以简单地将href属性保留，就像这样。

<a onclick="myFunction();">dasd</a>

如果您还想将其视为链接，请将其放在CSS中：

a {
  text-decoration: underline;
  color: blue;    
}​

Answer 3

我个人坚信使用JavaScript来扩展功能，而不是替换。话虽如此，我让锚点指向我正在用javascript执行的动作的“安全”后退。简单地说：

<a href="/users/create" class="user-create"></a>

然后，如果javascript能够成功加载并绑定到元素，则补充（并返回false），否则仍然为用户提供完成任务的能力，如果他们没有javascript（通过插件阻止或者不是加载）。

Answer 4

我认为

<a href="javascript:;"></a>

或

<a href="javascript:void;"></a>

是指示空锚的最佳方式。

和

<a href="#someId"></a>

会将页面移动到具有id =“someId”

的dom元素

Answer 5

这一切都取决于。如果你点击一个锚点在页面上打开一个面板，那么我很乐意使用选项2，但前提是我用javascript插入那个锚点。

这意味着在禁用javascript的情况下，锚点不显示，面板应该可见。

如果链接到某处，那么你需要像brad christy这样的实际链接地址，而odid说。

Answer 6

<a href=#>ABC</a>

=＆GT;点击上面的链接，它会在地址栏中设置url，这会使文件闪烁或重置滚动位置

为避免上述问题，     <a href=# onclick="return false" >abc</a> 可以像往常一样使用和绑定事件处理程序 或者你可以在onclick上执行任何返回false值的函数。