javascript - 计算HTML中的页数

我有一个很大的HTML屏幕，当您打印时，它可以打印16页以上，因此在“打印预览”中您可以看到分页符。我试图显示这样的页码:Y的第X页

因此，请显示总页数中的页码，而我尝试将其显示在我创建的页脚中，如下所示

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

但是在CSS或JavaScript中是否有一种方法可以用来实现此目的？例如。一种计算分页符的方法？

我已经试过了

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

}

但这不起作用，因为它存在浏览器兼容性问题。

最佳答案

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

关于javascript - 计算HTML中的页数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29519229/