jquery 打印

使用 jQuery 打印页面内容

jQuery 可以通过调用浏览器的打印功能实现页面打印。以下是一个简单的方法：

$("#printButton").click(function() {
    window.print();
});

打印特定区域内容

如果只需要打印页面中的特定部分，可以创建一个包含该区域内容的临时窗口：

$("#printButton").click(function() {
    var printContent = $("#printableArea").html();
    var originalContent = $("body").html();

    $("body").empty().append(printContent);
    window.print();
    $("body").html(originalContent);
});

使用打印样式表

可以通过添加打印专用的 CSS 样式来控制打印效果：

<link rel="stylesheet" href="print.css" media="print">

或者在现有样式表中添加：

@media print {
    .no-print {
        display: none;
    }
    .print-only {
        display: block;
    }
}

打印前触发事件

可以在打印前执行一些操作，如隐藏不需要的元素：

window.onbeforeprint = function() {
    $(".no-print").hide();
};
window.onafterprint = function() {
    $(".no-print").show();
};

使用打印插件

对于更复杂的打印需求，可以考虑使用 jQuery 打印插件，如 jQuery Print Page：

$("#printButton").click(function() {
    $("#printableArea").printPage();
});

注意事项

• 打印预览在不同浏览器中表现可能不同
• 某些浏览器可能会阻止弹出窗口式的打印
• 打印样式需要专门测试
• 图片和背景颜色的打印效果可能需要额外设置

以上方法可以根据具体需求选择使用，简单打印需求使用原生 window.print() 即可，复杂需求可能需要结合多种方法实现。