使用javascript打印DIV的内容

Question

我目前正在执行一项任务，以在div中打印内容。 目前，我正在使用这种方法。 如果div小于屏幕，则可以正常工作。 我的问题是，我需要打印（报告）的div是普通屏幕高度的两倍或三倍。

当我按Control + P时，我只能看到的只是在屏幕上捕获的内容。

Answer 1

使用打印查询怎么办？

@media print {
  .selector{
    /*some css*/
  }
}

您可以使用它并在打印过程中重新排列div的内容

Answer 2

这是示例代码示例，希望对您有所帮助。 如果您需要其他东西，请随时发表评论。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $("#btnPrint").live("click", function () {
            var divContents = $("#dvContainer").html();
            var printWindow = window.open('', '', 'height=400,width=800');
            printWindow.document.write('<html><head><title>DIV Contents</title>');
            printWindow.document.write('</head><body >');
            printWindow.document.write(divContents);
            printWindow.document.write('</body></html>');
            printWindow.document.close();
            printWindow.print();
        });
    </script>
</head>
<body>
    <form id="form1">
    <div id="dvContainer">
        This content needs to be printed.
    </div>
    <input type="button" value="Print Div Contents" id="btnPrint" />
    </form>
</body>
</html>

使用javascript打印DIV的内容

问题描述

2 个解决方案

解决方案1
2 2015-11-04 07:58:17

解决方案2
1 已采纳 2015-11-04 07:00:03

使用javascript打印DIV的内容

问题描述

2 个解决方案

解决方案1 2 2015-11-04 07:58:17

解决方案2 1 已采纳 2015-11-04 07:00:03

解决方案1
2 2015-11-04 07:58:17

解决方案2
1 已采纳 2015-11-04 07:00:03