<a href="javascript:void(0);"></a>

Javascript:告诉浏览器要编写Javascript代码

有几种机制可以避免链接到达目的地。题目中的答案不是很直观。

一个更清晰的选项是使用href="#no"，其中#no是文档中未定义的锚。

您可以使用更语义化的名称，如#disable或#action来增加可读性。

该方法的好处:

避免空href="#"的"移到顶部"效果 避免使用javascript

缺点:

必须确保在文档中没有使用锚名。 URL更改为将(不存在的)锚包含为片段，并创建一个新的浏览器历史记录条目。这意味着在点击链接后点击“返回”按钮不会像预期的那样运行。

由于<a>元素不充当链接，在这些情况下，最好的选择不是使用<a>元素，而是使用<div>并提供所需的链接样式。

这是一种让链接在点击时完全不做任何事情的方法(除非Javascript事件绑定到它)。

这是一种运行Javascript而不是跟随链接的方式:

<a href="Javascript: doStuff();">link</a>

当没有javascript要运行时(就像你的例子)，它什么也不做。

由于这是一个样式问题，而不是用无效的语法污染HTML，你可以/应该使用一个W3有效的解决方案:

正确格式化HTML，不带href，遵循W3按钮可访问性指南。 使用CSS来修复在控件上应用可点击UX效果的初始目标。

这里有一个活生生的例子供您尝试用户体验。

HTML

    <a role="button" aria-pressed="false">Underlined + Pointer</a>
    <a role="button" aria-pressed="false" class="btn">Pointer</a>

CSS

    a[role="button"]:not([href]):not(.btn) { text-decoration: underline; }
    a[role="button"]:not([href]) { cursor: pointer; }

    1. Use that java script to Clear an HTML row Or Delete a row using the id set to a span and use JQuery to set a function to that span's click event.
    2. Dynamically set the div html to a string variable and replace {id} with a 1 or 2 etc. cell of a larger div table and rows

<div class="table-cell">
    <span id="clearRow{id}">
        <a href="javascript:" style-"color:#c32029; align:right; font-size:8pt;">Clear</a>
    </span>
</div>

<div class="table-cell">
   <span id="deleteRow{id}">
       <a href="javascript:" style-"color:#c32029; align:right; font-size:8pt;">Delete</a>
   </span>
</div>

//JQuery - Clear row
$("#clearRow" + idNum).click(function(){
    $("someIDOrWildcardSelector" + idNum).val("");
    $("someIDOrWildcardSelector" + idNum).val("");
    $("someIDOrWildcardSelector" + idNum).val("");
});

//JQuery to remove / delete an html row
$("#deleteRow" + idNum).click(function(){
    //depending upon levels of parent / child use 1 to many .parent().parent().parent()
    $(this).parent().remove();
});

<a href="javascript:void(0);"></a>

Javascript:告诉浏览器要编写Javascript代码