使用 JS 打印页面 - Javascript

在Javascript中，可以使用window.print()方法来打印当前页面。该方法会触发浏览器的打印功能，用户可以选择打印机和打印选项。

示例代码

window.print();

细节说明

• window.print()方法可以在任何Javascript代码中调用，以触发页面打印功能。
• 用户可以选择打印机和打印选项，例如纸张大小、页面方向、打印范围等。
• 一般情况下，浏览器会默认使用操作系统的打印设置，但用户也可以根据需要进行自定义设置。
• window.print()方法可以在按钮点击事件或其他交互事件中触发，以便用户根据需要选择何时打印页面。

如何自定义打印样式？

可以通过CSS样式表来自定义打印页面的样式。可以在CSS文件中使用@media print媒体查询来定义打印样式，使得在打印时页面显示为所需的打印版本。

示例代码：

@media print {
  /* 在这里定义打印样式 */
  /* 隐藏不需要打印的元素 */
  .no-print {
    display: none;
  }
  
  /* 修改文本颜色 */
  body {
    color: #000;
  }

  /* 调整字体大小 */
  h1 {
    font-size: 24px;
  }
  
  /* ...其他样式设置... */
  
  /* 添加页眉和页脚 */
  @page {
    margin-top: 20mm;
    margin-bottom: 20mm;
    /* ...其他页眉页脚设置... */
  }
}

将以上代码添加到CSS文件中，并在HTML中引入该CSS文件，即可在打印时应用自定义样式。

返回markdown格式说明

以上介绍了如何使用Javascript打印页面，有关代码的部分使用代码块标注，且采取了markdown格式，以便更好地呈现给程序员阅读。