Jquery.jqprint.js打印局部Div带有样式

引入的js文件

<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="../js/jquery.jqprint-0.3.js" type="text/javascript"></script>

 

jQuery进行页面打印

$(function () {
            //打印初始化
            $("#btnPrint").click(function () {
                $("#PrintArea").jqprint();
            })
        })

 

其实jqprint使用起来十分的简单，只需要讲两个重要的js文件引入，然后给打印按钮方法内执行jqprint()方法就能够打印该div内部的内容。

 

关于打印内容如何带有CSS样式，在使用该方法打印的时候，将页面上的样式内嵌样式（行内样式无所谓），放入外部样式表。这样在打印的时候，就会带有CSS样式了。

具体的原因我不是十分清楚，看了一下jqprint的源码，jqprint支持手动指定打印时的样式，默认情况下为当前页面的样式表。

各位若是有弄明白了的，请留言告知一声！

 

 

 

 

 

评论

1 楼 July01 2017-09-27  

最近了解到一款StratoIO打印控件，
功能如下：1、Html友好的打印方式
2、兼容主流浏览器
3、灵活配置的任务
4、交互式打印支持
5、丰富的管理面板和接口
6、个性化服务
浏览器和系统的兼容性都很好，而且不会崩溃。参考http://webprint.stratoio.com/features