使用jquery实现打印

最新推荐文章于 2024-07-14 03:38:22 发布

weixin_30607659

最新推荐文章于 2024-07-14 03:38:22 发布

阅读量338

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangyanei2017/p/9274458.html

版权

需要引入的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>

转载于:https://www.cnblogs.com/wangyanei2017/p/9274458.html

weixin_30607659

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用jquery实现打印

需要引入的js<script type="text/javascript" src="${ctxStatic}/jsprint/jQuery.print.min.js"></script>调用函数：function doPrint() { /* 　　　　　　　　　　　　　　//通过windows的print方...
复制链接

扫一扫