window.print() 显示空白页（根本没有内容）答案

【问题标题】：window.print() show blank page (no content at all)window.print() 显示空白页（根本没有内容）
【发布时间】：2021-09-22 20:12:29
【问题描述】：

我想打印整个网页（包括 css 的 html）我正在使用按钮 onClick 上的 window.print()。单击按钮时，它显示打印预览，但不显示任何内容。打印预览时页面为空白。顺便说一句，我使用的是 chrome 版本 73.0.3683.86

我已经尝试过 javascript 功能，但根本不起作用。甚至打印预览都没有。

<input type="button" class="btn btn-primary" onClick="window.print()" value="print"/>

【问题讨论】：

你能不能创建一个 js fiddle 让我们试试？
重复多次。 stackoverflow.com/q/468881/4500681
您包含的代码 sn-p 对我来说很好用。如果我单击该按钮，我会看到包含该按钮的打印预览。我也在 chrome 73.0.3683.86 上。
@Azer 是的，该代码应该没问题。呃，你知道任何潜在的错误是导致空白页吗？
Print <div id="printarea"></div> only?的可能重复

标签： javascript html

【解决方案1】：

您将“onclick”拼写为“onClick”，不需要camelCase。试试下面的代码

<input type="button" class="btn btn-primary" onclick="window.print()" value="print"/>

【讨论】：

我的按钮 onClick 实际上工作正常，问题是打印预览显示空白页。我之前已经尝试过 onclick 但同样的问题
您的页面加载完毕了吗？页面必须在打印前完全加载

【解决方案2】：

我尝试了各种解决方案，只有这对我有帮助：

HTML：

<a onclick="printPage();return false;" href="#">Print details</a>

JS：

<script>
    function printPage(){
        var printHtml = window.open('', 'PRINT', '');
        printHtml.document.write('<html><head>');
        printHtml.document.write(document.getElementById("printme").innerHTML);
        printHtml.document.write('</body></html>');
        printHtml.document.close(); 
        printHtml.focus();
        printHtml.print();
        printHtml.close();
        return true;
  }

【讨论】：