鏈接到嵌入式頁面內容中的部分

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函數在單擊時滾動到所需位置。