使用window.print打印的注意点

有时我们只需要打印页面的一些区域,我的做法是将不打印的区域元素隐藏,打印区域的元素显示,如下

function printTest() {
    if(!$('.img1 img').attr('src')||!$('.img2 img').attr('src')){
        layer.msg('请等待图表渲染完成再进行打印!');
        return false;
    }
    $('.print_area').show();
    $('.noprint').hide();

    window.print(); //调用浏览器的打印功能打印指定区域

    $('.print_area').hide();
    $('.noprint').show();
    return false;
}

打印完再把打印的元素隐藏,恢复原显示。

点打印后样式可能会丢失,这时要用如下方式

 

你可能感兴趣的:(前端,打印)