如何用javascript打印用户选择的页面部分

how to print user selected part of a page in javascript

本文关键字:面部 选择 用户 何用 javascript 打印      更新时间:2023-09-26

如何使用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");
}