如何在javascript中打印用户选定的页面部分

Posted 2021-05-05

如何使用javascript选择页面的一部分并在javascript中打印所选部分。

你能给出一些建议吗？

答案

使用定义隐藏内容的类的打印样式表。当用户选择要打印的内容时，将该类添加到除了要打印的内容之外的所有内容中。

样式表可能如下所示：

@media print {
    .dont-print {
        display: none;
    }
}

然后，说你的页面由div部分与类item组成：

<div class="item">
...
</div>
<div class="item">
...
</div>
<div class="item">
...
</div>

当用户选择要打印的项目时，使用dont-print标记其他项目：

function printJustThis(div) {
    $(".item").not(div).addClass("dont-print");
}