Javascript 如何将页码添加到锚的链接?

Javascript 如何将页码添加到锚的链接?,javascript,html,css,printing,Javascript,Html,Css,Printing,我的网页中有几个锚(即)。因为在打印页面时,我想知道是否可以使用CSS或JavaScript修改链接的文本,以读取类似的内容,转到神奇锚(第12页)以指示读者在打印文档中应翻转到的页码 如果可能的话,我希望不必手动分配分页符,而是让我的内容在页面之间流动,然后在打印之前更新链接文本 谢谢。看看这篇文章,然后转到标题为“交叉引用”的部分: 建议使用目标计数器,以页面计数器为目标,使用href属性作为目标链接 a.magical::after { content: "(page" targe

我的网页中有几个锚(即
)。因为在打印页面时,我想知道是否可以使用CSS或JavaScript修改链接的文本,以读取类似
的内容,转到神奇锚(第12页)
以指示读者在打印文档中应翻转到的页码

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


谢谢。

看看这篇文章,然后转到标题为“交叉引用”的部分:

建议使用
目标计数器
,以
页面
计数器为目标,使用
href
属性作为目标链接

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

整篇文章也被推荐。向链接到它的Nathan Kot致敬。

除非我误解了这个问题,为什么不在屏幕上显示你想要的文本呢?或者至少有文本,但使用CSS媒体查询将其隐藏。问题是我不知道锚定在哪个页码上,因为我不想手动分页符。哦,不错不错,实际上没有读过那部分,但就我所见,似乎比我的回答好得多,本文中描述的技术尚未在浏览器中实现。不过,它们是在上面提到的Prince软件中实现的,而且它似乎在使用(扩展的)CSS将HTML转换为PDF方面做得很好。这些技术现在已经在CSS为分页媒体模块生成内容的工作草案中进行了描述(有些模糊)