jQuery实现页面打印预览

一、导入js库

<script type="text/javascript" src="<%=basePath%>lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="<%=basePath%>lib/jquery.print/jQuery.print.js"></script> 

二、打印预览的js代码

<script type="text/javascript">
    $(document).on("click",".print",function(){
        //$("#myElementId").jqprint()
        $("#myElementId").print({
            globalStyles:true,//是否包含父文档的样式，默认为true
            mediaPrint:false,//是否包含media='print'的链接标签。会被globalStyles选项覆盖，默认为false
            stylesheet:null,//外部样式表的URL地址，默认为null
    
            noPrintSelector:"button",//不想打印的元素的jQuery选择器，默认为".no-print"
            iframe:false,//是否使用一个iframe来替代打印表单的弹出窗口，true为在本页面进行打印，false就是说新开一个页面打印，默认为true
            append:null,//将内容添加到打印内容的后面
            prepend:null,//将内容添加到打印内容的前面，可以用来作为要打印内容
            deferred:
            $.Deferred()//回调函数
        });               
    });
    </script>

image.png