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

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