Javascript HTML，可打印的超链接引用，如目录

HTML文档中的链接通常是可单击的。但是，在打印页面上，该功能是由于自然原因而不可用的

<a href="#foo">Link to foo</a>
[... loads of content ...]
<a name="foo"/>Here is foo

在屏幕上点击指向foo的链接会将页面滚动到正确的位置。如果打印此文档，是否有方法参考页码？我想做我喜欢的事

<a href="#foo" style="printing: page-reference;">Link to foo</a>

要使其打印页码，而不是指向foo的带下划线的文本链接

---

这是可能的，使用HTML 4或5、XHTML、CSS 2或3，或者借助一些奇特的javascript？

CSS允许您为不同的媒体类型指定不同的样式表-即屏幕和打印页面，以及音频、盲文和其他，以及不同的屏幕/页面大小和分辨率，这使得它在向移动设备提供内容方面非常强大

要指定仅用于打印的样式表，请使用@media print。有一个

在您的情况下，您可以使用打印介质样式以及：before或：after，仅在打印时向特定元素添加额外文本

像这样的东西可以帮你：

@media print {
    a[href='#foo'] { text-decoration:none;}
    a[href='#foo']:after { content: "[Ref: 1]";}
    a[name='foo']:before { content: "[1]";}
}

很明显，你可以将内容中的文本更改为你喜欢的任何内容；我试着让它接近你的要求

现有内容仍将显示，但我已抑制下划线

---

希望能有帮助。

我发现做我想做的事是不可能的。如果我错了，请纠正我

然而，您需要一些脚本（例如Javascript）来拥有正确的动态页面引用，而不是总是使用[1]。除此之外，我肯定会选择@media printThank，但是如果我正确理解了您的示例，那么页码在文档中是明确定义的。我想引用web浏览器或打印机驱动程序生成的真实页码，因此，例如，如果foo恰好位于第五个打印页面上，则目录应引用第5页。@moontreal:如果需要，您可以给出使用jquery或类似工具的javascript示例吗？请发布一个工作示例，我会接受你的回答。对不起@Johan。您将无法确定您的网站将实际在物理纸张上打印多少页，因为这取决于您所说的打印机驱动程序和正在使用的打印机。知道使用了多少页的唯一方法是在CSS中插入手动分页符后插入分页符。看看@media print@Johan的最佳实践列表-是的，我在示例中设置了一个明确的参考号。我想你可以把它看作是做脚注的一种方式。我很快就能回答你的问题了。我找不到一个答案来找出参考文献的页码；我真的想不出该怎么回答这个问题。Javascript无法做到这一点。CSS：如果我错过了什么，你可以多研究一下@media，但我不认为它能满足你的需要。除了转换成PDF，我看不到答案。