指向页面顶部的空链接[重复]答案

【问题标题】：Empty Link Leading to Top of Page [duplicate]指向页面顶部的空链接[重复]
【发布时间】：2015-03-15 16:24:44
【问题描述】：

在我正在开发的网站的导航栏中，我有以下代码：

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

由于某种原因，单击“菜单”链接会将我跳回页面顶部。我不确定为什么会这样。

【问题讨论】：

标签： html

【解决方案1】：

# 指定一个锚点。您可以命名一个<a> 标签（“a”代表“anchor”），然后您可以使用类似#section1 的链接跳转到名为“section1”的a 标签。

因为您没有指定要跳转到的锚点，所以它会跳转到页面顶部。

您也可以使用它来链接到其他页面的某些部分。链接<a href="anotherpage.htm#someSectionOfAnotherPage" 将链接到页面anotherPage.htm 上名为someSectionOfAnotherPage 的a 标签。

【讨论】：

【解决方案2】：

使用这个：

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

【讨论】：

【解决方案3】：

<a> 标记的href 属性中使用的# 指定页面需要滚动到的HTML 元素的ID。

即，单击链接<a href="#abc">Goto abc</a> 将滚动页面以显示顶部带有id="abc" 的HTML 元素。

所以，当我们只提供#（未指定id）时，它会将我们带到页面顶部。

【讨论】：