需要引入的js

<script type="text/javascript" src="${ctxStatic}/jsprint/jQuery.print.min.js"></script>

调用函数:

function doPrint() {
                    /* 
              //通过windows的print方法的。
var _innerHtml=document.body.innerHTML; document.body.innerHTML="<html><head><title></title></head><body>"+document.getElementById("dayin").innerHTML+"</body></html>"; window.print(); document.body.innerHTML=_innerHtml;
*/ $("#dayin").print(); }

要打印的内容:

要求 图片作为底层背景,内容正常打印。

<div id="dayin">
    <!-- 
//不建议使用这个样式,他不能是图片进行打印。
<td class='u_r09' colspan=12 style='background-image:url("${pageContext.request.contextPath}/aa/1.jpg");background-position:center center;background-repeat:no-repeat;'><a id="fd">上海市静安区卫计委</a>同&nbsp;&nbsp;&nbsp;&nbsp;意</td>  -->
     
      <td class='u_r09' colspan=12  ><div style="position:relative;width:100%;height:100%;">
     <img src="${pageContext.request.contextPath}/aa/1.jpg"  />
    <div style="position:absolute;width:100%;height:100%;z-indent:-1;left:0;top:50px;">可以&nbsp;&nbsp;&nbsp;&nbsp;可以</div> //设置内容在图片上的位置。
</div></td>

</div>

 

posted on 2018-07-06 16:45  王衙内  阅读(689)  评论(0编辑  收藏  举报