javascript - 计算 HTML 中的页数

Question

我有一个非常大的 HTML 屏幕，当您打印时，它会打印超过 16 页，因此在打印预览中您可以看到分页符。我正在尝试像这样显示页码:第 X 页，共 Y 页

所以显示总页数中的页码，我试图在我创建的页脚中显示它，如下所示

<div id="footer">
            <p>Page X of Y</p>
</div>

但是我可以使用 CSS 或 JavaScript 来实现这一点吗？例如。一种计算分页符的方法？

我已经试过了

@page {
 @bottom-right {
    content: "Page " counter(page);
  }

}

但这行不通，因为它存在浏览器兼容性问题。

Answer 1

当有人想要打印文档时，他可以在打印设置菜单中选择显示第 X 页，共 Y 页。我不建议自己用 css 或 js 添加它，它会与已经以适当方式执行的打印脚本重叠。