pdf.js打印整个html页面,包括pdf文件

pdf.js是一个开源的JavaScript库，可以在网页上呈现和打印PDF文件。要打印整个HTML页面，包括PDF文件，可以使用pdf.js提供的功能。

首先，需要在HTML页面中引入pdf.js库。通过以下代码即可引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.min.js"></script>

然后，在需要打印的地方添加一个打印按钮或者其他触发打印事件的元素，例如：

<button onclick="printPDF()">打印</button>

接下来，在JavaScript代码中定义`printPDF`函数来处理打印事件：

function printPDF() {
  var iframe = document.createElement("iframe");
  iframe.src = "your_pdf_file.pdf";
  iframe.style.display = "none";
  document.body.appendChild(iframe);

  iframe.onload = function() {
    var iframeWindow = iframe.contentWindow;
    iframeWindow.focus();
    iframeWindow.print();
    document.body.removeChild(iframe);
  };
}

在这个函数中，创建了一个隐藏的iframe元素，并将PDF文件的URL设置为其src属性。然后将iframe添加到网页中。

在iframe的onload事件处理程序中，首先将焦点设置到iframe元素，然后调用`print()`函数来打印内容。最后，将iframe元素从网页中移除。

这样，当用户点击打印按钮时，整个HTML页面，包括PDF文件，都将被打印出来。

请注意，上述示例代码中的`your_pdf_file.pdf`需要替换为实际的PDF文件的URL。