当第一页上出现id时,HTML锚点href使用#hash到另一页面上的id

时间:2017-07-04 20:59:24

标签: html

当我在当前页面找到id时,我正努力获取带有#片段的锚标签以导航到新页面。

关于网址/网页1的第1页

我有HTML:

<a href="/page2#bananas">go to bananas on page 2</a>
<div id="bananas">bananas on page 1</div>

关于网址/网页2的第2页

我有HTML:

<div id="bananas">bananas on page 2</div>

当点击该链接时,浏览器只会滚动到第1页的<div> id="bananas",而不会转到第2页。如何才能转到第2页?

如果我右键单击并在新选项卡中选择打开它可以正常工作,并根据需要转到/ page2#bananas。有趣的是,target="_blank"无法点击鼠标左键,甚至无法在Chrome中打开新标签页!

1 个答案:

答案 0 :(得分:0)

Div ID是正确的。

对于锚点添加.html扩展名:

<a href="page2.html#bananas">go to bananas on page 2</a>