html - 将 div 链接到 HTML 中不同页面上的特定部分

Question

嘿，我有一个新的难题......

我有 3 个 div，就像 3 个框，每个 div 中都有一个图像和一些文字，我希望当我点击任何框的任何地方时，它会转到另一页，例如如果我在主页上，然后单击框，它将转到网站中的 service.html 页面。

我已经做到了

<div onClick="document.location='service.html';">

及其工作。但我希望当用户单击第一个 div 然后它转到服务 .html 并在该特定部分 并且在第二个框上它会去到 service.html 的另一部分等等......

为了更清楚，我想将一个 div 链接到特定页面的特定部分..

我该怎么做？

Answer 1

您必须为要链接到的 service.html 页面上的元素添加一个 ID，然后将它们包含在您的链接中:

<div onClick="window.location.href='service.html#section-1';">Go to Section 1</div>
<div onClick="window.location.href='service.html#section-2';">Go to Section 2</div>

附言您使用 Javascript 而不是常规 anchor 标记的任何原因？