链接到嵌入式页面内容中的部分

Question

我有一个导出为网页的Microsoft Word文档，需要将其显示为基于浏览器的系统中帮助页面的内容。 该帮助页面包括目录和简化的搜索引擎，所有这些都将涉及到文档各部分的链接。 现在，我们将基本功能与以下常规形式联系在一起：

<!-- Our code -->
<a href="#heading">Heading Name</a>
<div>Summary of section</div>

<!-- Exported from Word -->
<div id="heading">Heading Name</div>
<div>Section content</div>

在以上实现中，我们直接修改导出的文档。 为了实现可维护性，我们想使用<embed>或<iframe>将代码移动到单独的页面，并将导出的文档嵌入到新页面中。 这样，可以使代码更改和Word文档内容的更改独立于彼此，而不会影响彼此。 例如：

<!-- Our code -->
<a href="#heading">Heading Name</a>
<div>Summary of section</div>

<iframe>
  <!-- iframe contents - document exported from Word -->
  ...
  <div id="heading">Heading Name</div>
  <div>Section content</div>
  ...
</iframe>

如何使链接重新起作用？

Answer 1

您可以为iframe分配ID

<iframe id="heading">

或者，您可以使用JS并使用offset（）。top函数在单击时滚动到所需位置。