内部链接（跳转到链接）[重复]

Posted 2023-02-21

【中文标题】内部链接（跳转到链接）[重复]

【英文标题】：Internal Link (jump to link) [duplicate]

【发布时间】：2016-01-12 06:10:19

【问题描述】：

是否可以在<button> 上添加内部链接（书签/跳转）

<button class="btn span3" id="save_progress" name="save_progress" value="1">Save Changes</button>

【参考方案1】：

您可以将链接到任何您喜欢的元素。只需给元素一个id 并将URL 设置为#that_id。

如果您想从某处链接，请使用真实链接。这就是链接的设计目的。他们真的很容易做到（并且是本地的，并且以屏幕阅读器和搜索引擎友好的方式）。如果您想从看起来像按钮的东西链接，请使用链接并应用 CSS 使其看起来像按钮。

如果您真的非常想使用按钮（提示：不要）。然后你可以绑定 javascript 到它：

document.querySelector('#my_button').addEventListener('click', function (event) 
    location = "#my_id";
);

【参考方案2】：

是的，这是可能的。内部链接不必指向锚标记。

【参考方案3】：

你可以使用 JavaScript 来做类似的事情 onclick="document.location+='#goToAnchor';return false;"

但这似乎不是最佳做法。