接上篇文章https://blog.csdn.net/shijie_nihao/article/details/98952156使用js的print函数导出HTML,但是默认为整个页面,虽然可以使用 @media print{}调节元素的显隐,但很繁琐。使用jQuery.print.js可以实现局部HTML打印功能。
jQuery.print.js的github地址:https://github.com/DoersGuild/jQuery.print
使用方式:
引入jquery(版本大于1.7)和jQuery.print.js。
$('#xxxx').print({...})就是和window.print()一样的效果,就是可以很方便地局部打印。$().print()的参数具体使用方式不完全熟悉。
调整打印界面的效果:
1、带参数打印:$().print({mediaPrint:
false
}) //mediaPrint参数代表是否使用
@media print{},默认为false。
2、定义@media print{}。
<style>
@media print{
@page{
size:auto; /*还可landscape(横向),portrait(纵向)*/
margin:0mm; /*设置边距为0,即去除页眉页脚,如果还想保留边距,可以通过设置dom的padding*/
}
}
</style>
3、除了在代码里设置样式,还可以在打印的窗口设置打印样式。