js如何实现打印预览

如何使用 JavaScript 进行打印预览

方法：

通过创建隐藏的 iframe，并将其作为文档的子元素，可以实现打印预览。

步骤：

1. 创建隐藏的 iframe：

   const iframe = document.createElement('iframe');iframe.style.display = 'none';

2. 设置 iframe 的源：
   将要预览的文档作为 iframe 的源：

   iframe.src = 'document.pdf'; // 将 'document.pdf' 替换为您的文档 URL

3. 将 iframe 添加到文档中：

   document.body.appendChild(iframe);

4. 打印隐藏的 iframe：

   iframe.contentWindow.print();

5. 移除隐藏的 iframe：
   预览完成后，从文档中移除 iframe：

   iframe.parentNode.removeChild(iframe);

示例：

const iframe = document.createElement('iframe');iframe.style.display = 'none';iframe.src = 'document.pdf';document.body.appendChild(iframe);setTimeout(() => {  iframe.contentWindow.print();  iframe.parentNode.removeChild(iframe);}, 1000); // 1 秒后打印，让 iframe 有时间加载