碼上快樂

相關內容    簡體    繁體

JQPRINT-不錯的jquery打印插件

本文轉載自   查看原文   2014-01-24 23:01   6771 

jqprint是jquery的一個打印插件，是jPrintArea的加強版（官網是這么說的，具體可以看下面引自官網的一段話），可以打印選定的區域，沒有頁眉和頁腳大笑，還是非常好用滴！

 
       要能運行這個打印插件當然要先引進相關js了，jquery當然是不可少的，還需要引進的就是jqprint的js。
 

jquery.jqprint-0.3.js下載地址：

示例：

[html] view plain copy
  1. <html>  
  2. <head>  
  3. <script language="javascript" src="jquery-1.7.1.min.js"></script>  
  4. <script language="javascript" src="jquery.jqprint-0.3.js"></script>  
  5. <script language="javascript">  
  6. function  a(){  
  7. $("#ddd").jqprint();  
  8. }  
  9.   
  10. </script>  
  11. </head>  
  12. <body>  
  13.   
  14. <div id="ddd">  
  15. <table>  
  16. <tr>  
  17. <td>test</td>  
  18. <td>test</td>  
  19. <td>test</td>  
  20. <td>test</td>  
  21. <td>test</td>  
  22. </tr>  
  23. <tr>  
  24. <td>test</td>  
  25. <td>test</td>  
  26. <td>test</td>  
  27. <td>test</td>  
  28. <td>test</td>  
  29. </tr>  
  30. <tr>  
  31. <td>test</td>  
  32. <td>test</td>  
  33. <td>test</td>  
  34. <td>test</td>  
  35. <td>test</td>  
  36. </tr>  
  37. <tr>  
  38. <td>test</td>  
  39. <td>test</td>  
  40. <td>test</td>  
  41. <td>test</td>  
  42. <td>test</td>  
  43. </tr>  
  44. <tr>  
  45. <td>test</td>  
  46. <td>test</td>  
  47. <td>test</td>  
  48. <td>test</td>  
  49. <td>test</td>  
  50. </tr>  
  51.   
  52. </table>  
  53.   
  54. </div>  
  55.   
  56. <input type="button" onclick=" a()" value="print"/>  
  57. </body>  
  58. </html>  


可以以對象形式傳入四組參數：

[javascript] view plain copy
  1. {  
  2.         debug: false,//如果是true則可以顯示iframe查看效果（iframe默認高和寬都很小，可以再源碼中調大），默認是false  
  3.         importCSS: true, //true表示引進原來的頁面的css，默認是true。（如果是true，先會找$("link[media=print]")，若沒有會去找$("link")中的css文件）  
  4.         printContainer: true,//表示如果原來選擇的對象必須被納入打印（注意：設置為false可能會打破你的CSS規則）。  
  5.         operaSupport: true//表示如果插件也必須支持歌opera瀏覽器，在這種情況下，它提供了建立一個臨時的打印選項卡。默認是true  
  6. }  


調用方式：

[html] view plain copy
  1. var o = $("#divToPrint");  
  2. o.jqprint();  
  3. // or  
  4. $("#divToPrint").jqprint();  
  5. $('#divOpera').jqprint({ operaSupport: true });  


以下是引自http://archive.plugins.jquery.com/project/jqPrint jquery插件官網的一段注解

JQPRINT

 

Submitted by tanathos on May 13, 2009 - 5:16am

This plugin is designed upon the well known jPrintArea, with some improvements and functionalities corrections. Rewritten as true jQuery plugin!

Version 0.3: now supports Opera!

HOW IT WORKS
Just calling the jqprint() method on jQuery object or selector:

var o = $("#divToPrint");
o.jqprint();
// or
$("#divToPrint").jqprint();

$('#divOpera').jqprint({ operaSupport: true });

PARAMETERS

  • debug - Allows you to choose to make visible the iframe used for printing.
  • importCSS - Css links in original page will be imported into iframe.
    First it searchs for media='print', if there isn't, will be imported the normal css files.
  • printContainer - Indicates if the original selector object must be included into the print (attention: setting it to false may breaks your css rules).
  • operaSupport - Indicates if the plugin must support also Opera, in that case it provides to build a temporary tab to print.


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 JQPRINT-不錯的jquery打印插件 前端-網頁打印-Jqprint-網頁打印像素設置 Jquery Jqprint—隨着Jquery Jqprint實現網頁打印 Jquery插件jqprint-0.3.js實現打印 jQuery-jqprint.js打印插件使用高版本jQuery時問題 jquery打印頁面（jquery.jqprint） 使用jqprint插件實現打印頁面內容 使用jqprint插件完成頁面打印 Jqprint 輕量級頁面打印插件 jquery.jqprint-0.3.js打印table表格遇到的坑
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM