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

Question

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

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

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

Answer 1

您将“ onclick”拼写为“ onClick”，则无需使用camelCase。 试试下面的代码

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

Answer 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;
  }

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

问题描述

2 个解决方案

解决方案1
0 2019-04-02 04:22:47

解决方案2
0 2021-09-22 12:12:29

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

问题描述

2 个解决方案

解决方案1 0 2019-04-02 04:22:47

解决方案2 0 2021-09-22 12:12:29

解决方案1
0 2019-04-02 04:22:47

解决方案2
0 2021-09-22 12:12:29