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

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函数滚动到点击所需的位置。