js 打印总结

js 打印总结"/>

js 打印总结

最近项目需要做一个功能关于网页打印功能，赛后总结。

网页打印主要都是引用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
*  });

然后打印的时候会根据定义CSS，有所变化。例如：另一起一页，隐藏一些控件之类。下面是总结一些打印时候的技巧

@media print 这个用来定义打印时候用的CSS。

@media print{.page-break { display:block; page-break-before:always; //这个用来定义分页的}.page-noPrint { display:none;  //这个隐藏不想显示在打印页面的东西}
}

<div class="page-break"></div>