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

Question

我的网页中有几个锚点（即<a name="my-magical-anchor"></a>）散布在页面上。我的页面上还有几个指向这些锚点的链接（即<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 致敬。