jquery.PrintArea.min.js实现打印实例

访客7年前javaScript2903

 jquery实现的打印功能大致跟浏览器自带的 Ctrl+P的 效果一样

 

一、效果图:

全屏打印:

图片.png

局部打印:

图片.png


二、代码

<html>
  <head></head>
  <body>  
      <div style="text-align:center; margin-top: 30px">

         <div >
             <div>全屏开始部分</div>
             <div>全屏开始部分</div>
             <div>全屏开始部分</div>
             <div>全屏开始部分</div>
             <div>全屏开始部分</div>
         </div>  
         <br>
         <div id="printArea">
             <div>......局部打印区域......</div>
             <div>......局部打印区域......</div>
             <div>......局部打印区域......</div>
             <div>......局部打印区域......</div>
             <div>......局部打印区域......</div>
         </div>   
         <input id="btnPrint" type="button" value="局部打印"></input> 
         <input id="btnPrintFull" type="button" value="全屏打印"></input> 
     </div>
 </body>
 
 <script src="js/jquery.min.js"></script>
 <script src="js/jquery.PrintArea.js"></script>   
 
 <script>  
           //局部打印
     $("#btnPrint").click(function(){    
         $("#printArea").printArea();  
     });  
        //打印整个页面
     $("#btnPrintFull").click(function(){    
         $("body").printArea();  
     });  
    
     </script> 
 </html>

 

源码下载 提取码:tt1u


相关文章

freeMarker Jfinal 获取session里的值

问题:freeMaker session取值的常用格式都试过 session["xxx"],session.xxx 直接xxx 都取不出来?????解决:JFinal与Struts...

java解析JSON 数组数据 实例

 public  static void main (String args[]){  String sJson ="[{'acceptTim...

Oracle常用sql语句

1.多行数据一行显示sql:(用sum函数或max函数,当lc为1时DQSYJRZC的值) sum函数只能查字段类型为number型的,若字段值是汉字则用max函数select nsrsbh , su...

freeMarker 截取字符串(操作字符串函数 )

<#if c.proSummary!?length gt 25>  <!-- 如果长度 >25 截取25个字-->    ...

jquery获取下拉列表选中的文本值

                 &nb...

js实现Json对象与json字符串的互转方式

1>jQuery插件支持的转换方式:$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象2>浏览器...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。