打印及批量打印

郭周园

已于 2022-07-26 16:02:31 修改

阅读量4.6k

点赞数 2

文章标签： html javascript 前端

于 2019-02-15 16:49:00 首次发布

本文链接：https://blog.youkuaiyun.com/qvanminpiao/article/details/88892671

版权

本文介绍了前端实现打印的两种方式：单页打印和批量打印。通过引入JS文件并调用window.print()方法，可以轻松实现单页打印。对于批量打印，文章提出了获取复选框值，通过同步请求获取页面内容，存储于隐藏div，然后替换body内容进行打印的思路，并展示了相关HTML和JS代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发十年，就只剩下这套架构体系了！ >>>

总述：引入打印的JS文件，把需要打印的内容window.print()打印出来即可。注：print（）可设置参数，如不需要打印的内容。

//打印
$("#print").click(function(e){
    $(".box").print({
        globalStyles: true,
        mediaPrint: false,
        stylesheet: null,
        noPrintSelector: ".no-print",
        iframe: true,
        append: null,
        prepend: null,
        manuallyCopyFormValues: true,
        deferred: $.Deferred()
    });
});