如何将页码添加到锚链接？

  • Z时代
  • 2024-01-10
  • 分类：问答

我在我的网页上有几个锚点（即<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)的内容，以指示阅读器应在打印文档中翻页的页码。如何将页码添加到锚链接？

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

谢谢。

回答：

看看这篇文章，并深入到部分标题为“交叉引用”：http://www.alistapart.com/articles/boom

的建议是使用target-counter，瞄准page柜台，使用href属性作为目标链接。

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

整篇文章建议了。帽子提示与Nathan Kot相关联。

以上是 如何将页码添加到锚链接？ 的全部内容， 来源链接： utcz.com/qa/261979.html

回到顶部