window.print 打印时候 如何配置页码

在JavaScript中使用`window.print()`方法打印网页内容时，如果需要配置页码，通常是在HTML文档结构里通过CSS来添加页眉和页脚，并手动处理页码显示。但是，`window.print()`本身并不直接支持设置每一页的独立页码。

你可以采取以下步骤：

1. **HTML布局**：
- 使用`<footer>`或`<header>`标签添加页眉或页脚区域，例如：

     <div id="footer">
       <span>第<span class="page-number">1</span>页</span>
     </div>

2. **CSS样式**：
- 配置页眉和页脚的样式，包括字体、位置等。比如：

     #footer {
       position: fixed;
       bottom: 0;
       width: 100%;
       text-align: center;
     }
     .page-number {
       font-size: 14px;
       color: #999;
     }

3. **JavaScript动态更新页码**：
- 当页面加载完成后，或者每翻一页时，通过JavaScript获取当前页数并替换`.page-number`的内容。例如：

     function updatePageNumber(totalPages) {
       varpageNumber = document.querySelector('.page-number');
       pageNumber.textContent = '第' + (document.location.hash ? parseInt(document.location.hash.slice(1)) : 1) + '页 / ' + totalPages;
     }

     // 初始化页码
     updatePageNumber(5); // 假设总共有5页

     // 监听滚动事件更新页码
     window.addEventListener('scroll', function() {
       if (!window.pageYOffset || window.pageYOffset == 0) return; // 判断是否已滚动到底部
       if (window.innerHeight + window.pageYOffset >= document.body.offsetHeight) { // 如果已到文档底部
         updatePageNumber(5); // 更新页码
       }
     });

请注意，以上方法更多地依赖于用户的浏览器对`window.scrollY`等属性的支持，对于某些老版浏览器可能需要进行兼容性处理。