Javascript a href指向页面上特定区域的外部链接

所以我有一个导航栏，我想链接到不同的页面，这些页面看起来都一样，但有一个不同的部分。当我开始创建链接时，我意识到它只会链接到另一个页面，而不会链接到页面上的特定部分。所以基本上我有一个锚定标签的想法，但链接到另一个页面

我这样做是因为我有基本的编码知识，不知道如何使用php和javascript。有没有办法用我的东西做到这一点？还是我必须尝试完全不同的方法

我现在正在学习javascript，所以这是一个选择。我听说你可以用数组做些什么？但不是任何jquery，因为我们不允许在作业中使用它，我也听说过iframe，但我对它们知道的不多

代码：

HTML

---

如果您的页面toursprices.html包含id为abc的div，并且您希望链接到该部分，则只需编写如下href：

<a href="toursprices.html#abc">TOURS,PRICES &amp; STANDARD FLIGHTS</a>

您可以使用：

<a id="different_section_1">Different Section</a>

在目标页面和导航栏中使用：

<a href="page.html#different_section_1">Page</a>

---

但是如果你的页面本质上是相同的，但有一个区域发生了变化。使用iframe或使用javascript切换块可能会更好

正如用户3472089所说，您可以通过其id指向某个元素

我在我的图库顶部使用这个：

<a href="#top"></a>

在底部，我只放了一个链接或一个模拟按钮，指向那个锚：

<a href="#top">
    <div id="top_anchor">
      UP 
    </div>
</a>

---

我认为iFrame是更明智的选择，但我听说它们的使用非常复杂。我想知道使用它们是否会比仅仅通过id选择它们带来更多问题。编程原则之一是不要重复自己。您现在所做的是重复大块的html。这意味着，如果要更改重复块中的文本，则必须对所有块执行此操作。如果你这样做是为了做家庭作业，那么你的解决方案可能很好。但如果这是您必须维护的代码，我会研究其他选项。

<a href="#top">
    <div id="top_anchor">
      UP 
    </div>
</a>