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

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

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