js 打印 自动换页

在 JavaScript 中实现自动分页打印的方法，可以使用 `window.print()` 函数结合 `@media print` 媒体查询和 CSS 的 `page-break-before` 或者 `page-break-after` 属性。具体步骤如下：

1. 在 HTML 中，将需要打印的内容放入具有 `.print` 类名的元素中，并在需要分页的元素前后添加 `div` 元素作为分页标记。例如：

<div class="print">
  <p>第一行内容</p>
  <p>第二行内容</p>
  <p>第三行内容</p>
  <div class="page-break"></div>
  <p>第四行内容</p>
  <p>第五行内容</p>
  <p>第六行内容</p>
  <div class="page-break"></div>
  <p>第七行内容</p>
  <p>第八行内容</p>
  <p>第九行内容</p>
</div>

2. 在 CSS 中，为具有 `.page-break` 类名的元素设置 `page-break-before` 或者 `page-break-after` 属性。例如：

@media print {
  .page-break {
    page-break-before: always;
    /* 或者使用 page-break-after: always; */
  }
}

3. 在 JavaScript 中，调用 `window.print()` 函数进行打印。例如：

window.print();

上述代码将会打印整个页面，其中具有 `.page-break` 类名的元素将会自动进行分页打印。

希望这个示例能对您有所帮助！