href表达式<a href="javascript:;" > < / > ?

我不时地在网页上看到下面的href。然而，我不明白这是要做什么或技术。有人能详细说明吗?

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

当前回答

我一直在寻找一种解决方案，在ipad和手机上不刷新页面，而是打开菜单项。我在手机上也试过，效果很好

其他回答

我一直在寻找一种解决方案，在ipad和手机上不刷新页面，而是打开菜单项。我在手机上也试过，效果很好

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

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

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

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

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

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

<a href="javascript:alert('Hello');"></a>

是:

<a href="" onclick="alert('Hello'); return false;"></a>

由于这是一个样式问题，而不是用无效的语法污染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; }

推荐文章