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支持手动指定打印时的样式，默认情况下为当前页面的样式表。

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