javascript - href 链接在特定位置处带有目标空白

Question

我有两个 html 页面。

1. main page (it has all the links like a b c d )
2. details page (it has all the details of a b c d) 

像这样

当用户点击链接 a 时，它会在新窗口中重定向到 details.html它工作正常。

但问题是当用户点击链接'd'时。它还会重定向到 details.html 但 d 链接详细信息位于页面底部的某个位置，用户必须将其滚动到罚款 d。

我想要自动定位 details.html ，就像如果单击 d 链接，它应该在新窗口中到达 details.html 。并在页面顶部显示 d。看到用户不必手动滚动它。

任何可能的解决方案。我不知道我应该写什么来谷歌它。谢谢

Answer 1

您可以使用 ID 和 URL 中的 # 来执行您想要的操作。

给定一个如下所示的详细信息页面:

<div id="a">
<h1>Details about A</h1>
</div>

<div id="b">
<h1>Details about B</h1>
</div>

<div id="c">
<h1>Details about C</h1>
</div>

<div id="d">
<h1>Details about D</h1>
</div>

然后您可以像这样链接:

<a href="/details.html#d>Link to Details about D</a>

基本上，给一个元素一个 ID，它一如既往地代表它包含的内容

通过将该 ID 放在井号后面来链接到它

<a herf="/LINK_TO_PAGE#ID_ON_PAGE">...