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

Question

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

你能否就此提出一些建议。

Answer 1

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

样式表可能如下所示：

@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");
}