码迷,mamicode.com
首页 > 其他好文 > 详细

printer

时间:2018-04-24 19:01:07      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:png   text   static   dprint   data   oca   ati   ack   pre   

<body>
    <!--startprint-->
    {volist name="data" id="v"}
        <div class="con">
            <div class="zside">
                <img src="img.png" class="bg"/>
                
                <span class="s1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名: <i id="">{$v.cn_name}</i></span>
                <span class="s2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别: <i id="">sex</i></span>
               
            </div>
        </div>
    {/volist}
    <!--endprint-->
    <a href="javascript:printer();" class="btn btn-print">导出PDF</a>
    </body>
    <script src="/__STATIC__/js/jquery.min.js?v=2.1.4"></script>
    <script type="text/javascript">  
    function printer()
    {
        var bdhtml=window.document.body.innerHTML;//获取当前页的html代码   
        var startStr="<!--startprint-->";//设置打印开始区域   
        var endStr="<!--endprint-->";//设置打印结束区域   
        var printHtml=bdhtml.substring(bdhtml.indexOf(startStr)+startStr.length,bdhtml.indexOf(endStr));//从标记里获取需要打印的页面   
        window.document.body.innerHTML=printHtml;//需要打印的页面   
        window.print();   
        window.document.body.innerHTML=bdhtml;//还原界面   
        location.reload();  
    }
</script>

 

printer

标签:png   text   static   dprint   data   oca   ati   ack   pre   

原文地址:https://www.cnblogs.com/zhangxiangdong/p/8932321.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!