javascript - 如何将页码添加到指向 anchor 的链接？

Question

我的网页上有几个 anchor (即 <a name="my-magical-anchor"></a> )散布在页面上。我的页面上还有几个指向这些 anchor 的链接(即 <a href="#my-magical-anchor">Go to the Magical Anchor</a> )。对于打印页面时，我想知道是否可以使用 CSS 或 JavaScript 修改链接的文本，以阅读类似 Go to the Magical Anchor (page 12) 的内容。指示读者在打印文档中应翻到的页码。

如果可能的话，我希望不必手动分配分页符，而是让我的内容跨页面流动，然后在打印前更新链接文本。

谢谢。

Answer 1

查看这篇文章并转到标题为“交叉引用”的部分:http://www.alistapart.com/articles/boom

建议使用target-counter，针对page计数器，使用href属性作为目标链接。

a.magical::after {
    content: "(page" target-counter(attr(href), page) ")"
}

也推荐全文。向链接到它的 Nathan Kot 致敬。