当前位置:   article > 正文

js 打印总结_js打印 限制每日打印次数

js打印 限制每日打印次数

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

网页打印主要都是引用window.print();这个方法

这个方法用起来有时比较操蛋。所以在网上找了很多关于这方面的插件。其实这些插件也是引用这个方法,只将其改造。使得用起来比较方便。

这里推荐一下printThis。是用jquery写得一个打印插件。这个插件是 jPrintArea,jqPrint基础上更新的。

  1. * Usage:
  2. *
  3. * $("#mySelector").printThis({
  4. * debug: false, * show the iframe for debugging
  5. * importCSS: true, * import page CSS
  6. * printContainer: true, * grab outer container as well as the contents of the selector
  7. * loadCSS: "path/to/my.css", * path to additional css file
  8. * pageTitle: "", * add title to print page
  9. * removeInline: false, * remove all inline styles from print elements
  10. * printDelay: 333, * variable print delay S. Vance
  11. * header: null * prefix to html
  12. * });
可以指定一个DIV打印,方便得很!!

https://github.com/jasonday/printThis


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

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


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


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



声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号