一、導(dǎo)入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> 

二、打印預(yù)覽的js代碼

<script type="text/javascript">
    $(document).on("click",".print",function(){
        //$("#myElementId").jqprint()
        $("#myElementId").print({
            globalStyles:true,//是否包含父文檔的樣式，默認(rèn)為true
            mediaPrint:false,//是否包含media='print'的鏈接標(biāo)簽。會(huì)被globalStyles選項(xiàng)覆蓋，默認(rèn)為false
            stylesheet:null,//外部樣式表的URL地址，默認(rèn)為null
    
            noPrintSelector:"button",//不想打印的元素的jQuery選擇器，默認(rèn)為".no-print"
            iframe:false,//是否使用一個(gè)iframe來替代打印表單的彈出窗口，true為在本頁面進(jìn)行打印，false就是說新開一個(gè)頁面打印，默認(rèn)為true
            append:null,//將內(nèi)容添加到打印內(nèi)容的后面
            prepend:null,//將內(nèi)容添加到打印內(nèi)容的前面，可以用來作為要打印內(nèi)容
            deferred:
            $.Deferred()//回調(diào)函數(shù)
        });               
    });
    </script>

image.png