自动关注包含JS的<a> element without JavaScript

Question

Is there a way to autofocus on an <a> element without JavaScript? I found an answer here}，但我想尽量减少网站上JS的数量。

Answer 1

您可以为id提供<a>属性，并使用#{id}更新指向页面的链接。

<a id="focus">foo</a>

并将指向焦点的元素的页面链接更新为http://www.example.com/mypage#focus

如果您在同一页面上有链接（例如，在导航部分），则可以使用

<a href="#focus">foo</a>跳到锚点。