jqprint插件的使用方法及页面内容打印实现

分类:知识百科 日期: 点击:0

jqprint插件是一款非常方便实用的jQuery插件,可以让你轻松地实现页面内容的打印功能。它支持打印指定的元素,也支持打印整个页面,而且可以设置打印时的样式,从而实现页面内容的打印定制化。

jqprint插件使用方法

1、下载jqprint插件,将jquery.jqprint.js文件引入到页面中;

2、在需要实现打印功能的元素上添加data-print="print"属性,如:

要打印的内容

3、在页面中添加以下js代码:

$('[data-print="print"]').jqprint({
    debug: false, //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
    importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$("link[media=print]"),若没有会去找$("link")中的css文件)
    printContainer: true, //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
    operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它支持元素内的属性test.htm

4、调用jqprint插件,实现页面内容的打印:

$('[data-print="print"]').jqprint();

5、可以设置打印时的样式:

$('[data-print="print"]').jqprint({
    stylesheet: 'http://www.example.com/stylesheet.css'
});

以上就是jqprint插件的使用方法,它可以让你轻松地实现页面内容的打印功能,而且可以设置打印时的样式,从而实现页面内容的打印定制化。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。