javascript - 将 <a href ="#id"> 传输到 JavaScript

Question

我想做一个菜单。通常为了帮助访问者到达特定区域，我会使用此方法:

<a href="#id">

将滚动到当前页面上的某个元素，例如 <div id="id"> .

我想知道这可以用javascript编写吗？正如我的猜测

<a href="javascript:#id"></a>  <div id="id">

Answer 1

简单<a>与 href使用元素 id 即可完成这项工作:

<a href="#{id}"></a>

但是如果出于某种疯狂的原因你想使用 javascript 来实现这一点(为什么？)，这里有一个方法:

#foo {
    margin-top: 500px
}

<a href="#" onclick="window.location.href='#foo'; return false;" id="anchor">Click to go to foo</a>
 <div id="foo">Some foo content</div>
 <br>
 <a href="#anchor">Back to anchor</a>