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

What is the right href value for a JavaScript anchor tag?

本文关键字：href 多少 JavaScript      更新时间：2023-09-26

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

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

例如：

  1. <a href="javascript:void(0)">-它看起来有点太多了，不能只是空的
  2. <a href=#>-如果我不想移动到另一个页面，我必须返回JavaScript调用中为false
  3. <a href>-此选项中断光标和悬停样式，浏览器不将其渲染为链接
  4. <a>-幂等

空锚的最佳href值是多少？我不想在没有JavaScript 的情况下保留功能

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

对于不引人注目的设计，你应该有一个带有适当链接的href属性（这样那些没有Javascript的人仍然可以使用网站），并在Javascript中删除该属性，绑定点击事件。

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

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

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

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

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

或者，您也可以简单地忽略href属性，就像这样。

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

如果你也想把它看起来像一个链接，把它放在CSS:中

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

我认为

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

或

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

是指示空锚的最佳方式。

和

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

将页面移动到id="someId"的dom元素

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

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

如果链接去了某个地方，那么你需要实际的链接地址，就像Bradchristy和odid说的那样。

<a href=#>ABC</a>

=>点击上面的链接，它将在地址栏中设置url，使文档闪烁或重置滚动位置

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

相关文章：