赞
踩
最近项目需要做一个功能关于网页打印功能,赛后总结。
网页打印主要都是引用window.print();这个方法
这个方法用起来有时比较操蛋。所以在网上找了很多关于这方面的插件。其实这些插件也是引用这个方法,只将其改造。使得用起来比较方便。
这里推荐一下printThis。是用jquery写得一个打印插件。这个插件是 jPrintArea,jqPrint基础上更新的。
- * Usage:
- *
- * $("#mySelector").printThis({
- * debug: false, * show the iframe for debugging
- * importCSS: true, * import page CSS
- * printContainer: true, * grab outer container as well as the contents of the selector
- * loadCSS: "path/to/my.css", * path to additional css file
- * pageTitle: "", * add title to print page
- * removeInline: false, * remove all inline styles from print elements
- * printDelay: 333, * variable print delay S. Vance
- * header: null * prefix to html
- * });
可以指定一个DIV打印,方便得很!!
https://github.com/jasonday/printThis
然后打印的时候会根据定义CSS,有所变化。例如:另一起一页,隐藏一些控件之类。下面是总结一些打印时候的技巧
@media print 这个用来定义打印时候用的CSS。
- @media print{
- .page-break {
- display:block;
- page-break-before:always; //这个用来定义分页的
- }
- .page-noPrint {
- display:none; //这个隐藏不想显示在打印页面的东西
- }
- }
<div class="page-break"></div>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。