js 按页码打印

<div id="content">
  <p>Page 1 content...</p>
  <p>Page 2 content...</p>
  <p>Page 3 content...</p>
  <!-- 更多内容 -->
</div>
<button onclick="printWithPagination()">Print</button>

@media print {
  .page {
    page-break-after: always;
  }
}

function printWithPagination() {
  const content = document.getElementById('content');
  const pages = content.children;
  let currentPage = 1;

  for (let i = 0; i < pages.length; i++) {
    pages[i].classList.add('page');
    pages[i].innerHTML += `<div class="page-number">${currentPage}</div>`;
    currentPage++;
  }

  window.print();
}

@media print {
  .page {
    page-break-after: always;
  }
  .page-number {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
  }
}