首页 > 代码库 > jQuery简单易用的网页内容打印插件

jQuery简单易用的网页内容打印插件

2024-08-20 04:58:04   241人阅读

简要教程

jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件。该网页打印插件可以打印指定区域的网页元素，可以指定跳过不打印某些元素，还可以打印整个页面内容。并且提供了丰富的打印参数设置。

 使用方法

使用该网页打印插件要引入jQuery和jquery.print.js文件。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>               

jQuery版本已经在1.7.2和1.9.1版本中做过测试。其它版本请自行测试。

 打印内容

可以像下面这样使用来打印页面内容。

$("#myElementId").print(/*options*/);

或者：

$.print("#myElementId" /*, options*/);               

 配置参数

你可以在调用打印方法时传入一些参数：

$("#myElementId").print({
    globalStyles: true,
    mediaPrint: false,
    stylesheet: null,
    noPrintSelector: ".no-print",
    iframe: true,
    append: null,
    prepend: null,
    manuallyCopyFormValues: true,
    deferred: $.Deferred()
});               
参数默认值接收值描述
globalStylestrueBoolean是否包含父文档的样式
mediaPrintfalseBoolean是否包含media=‘print‘的链接标签。会被globalStyles选项覆盖
stylesheetnullURL-string外部样式表的URL地址
noPrintSelector".no-print"任何可用的jQuery选择器不想打印的元素的jQuery选择器
iframe默认true，如果没有iframe选择器被传入会创建一个隐藏的iframe任何可用的jQuery选择器或Boolean是否使用一个iframe来替代打印表单的弹出窗口
append/prependnullBoolean是否将用户更新的表单输入框内容作为打印内容（通过迭代每一个表单元素来实现）

jQuery简单易用的网页内容打印插件


联系
我们