javascript - 如何在 Firefox 上分配空链接

Question

我试过<a href="#"></a> 。它不适用于 firefox :

<a href="#" id="home" onClick="changeContent('frontmain');"><span>Home</span></a>

它有一个 JavaScript 函数changeContent。

该代码适用于所有浏览器，希望 Firefox 每次点击都会打开新页面。

我也尝试过以下代码:

<a href="javascript:;" id="home" onClick="changeContent('frontmain');"><span>Home</span></a>

还是没用。火狐打开about:blank新的浏览器页面。

如有任何帮助，我们将不胜感激。谢谢

Answer 1

我假设您希望在单击时更改一段文本。不确定您到底想要实现什么，但您很可能不需要 <a>为此的元素。

制作<span> , <div>或<button>元素，使用 css 对其进行样式设置并在其中添加 onclick 事件处理程序。

<span role="button" tabindex="0" class="styleMe" onclick="changeContent('frontmain');">Home</span>

“Angular 色”属性有助于阐明作为辅助功能按钮的预期用途。

“tabindex”属性允许在不使用鼠标的情况下导航到此操作。

您可能想在样式中设置光标 css 属性，以使其可视化为可点击。

span.styleMe{
    cursor:pointer;
}

除了必须处理 href 问题之外，原因还在于我个人总是将 anchor 元素与离开当前页面相关联，并且由于互联网连接速度较慢，我从不直接使用它们，总是在另一个选项卡中打开。

我总是希望在继续浏览当前页面时让它加载到新选项卡中，因为加载新页面平均需要几分钟的时间。

这就是为什么我建议明确区分“一次点击会让您等待几分钟并释放您等待几分钟才能加载的页面，除非您选择替代的在新选项卡中打开选项”和“一个单击该按钮将立即更改当前页面的内容或立即滚动到同一页面上的某个位置”