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

Gee*_*ali 4 html

嘿,我有一个新的困境......

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

我已经这样做了

<div onClick="document.location='service.html';">
Run Code Online (Sandbox Code Playgroud)

及其工作。但我希望当用户单击第一个 div时,它会转到 service.html,在该特定部分和第二个框中,它将转到 service.html 的另一个部分,依此类推......

更清楚地说,我想将 div 链接到特定页面的特定部分。

我怎样才能做到这一点??

Jos*_*ber 5

您必须向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>
Run Code Online (Sandbox Code Playgroud)

PS 您使用 Javascript 而不是常规锚标记有什么原因吗?