首页 > 代码库 > jQuery简单易用的网页内容打印插件
jQuery简单易用的网页内容打印插件
简要教程
jQuery.print是一款简单易容且功能强大的网页内容打印。该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容。并且提供了丰富的打印参数设置。
使用方法
使用该网页打印插件要引入jQuery和jquery.print.js文件。
<script type="text/javascript" src="http://1112.www.qixoo.qixoo.com/js/jquery.min.js"></script>
<script type="text/javascript" src="http://1112.qkxue.net/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()
});
参数 默认值 接收值 描述
globalStyles true Boolean 是否包含父文档的样式
mediaPrint false Boolean 是否包含media=‘print‘的链接标签。会被globalStyles选项覆盖
stylesheet null URL-string 外部样式表的URL地址
noPrintSelector ".no-print" 任何可用的jQuery选择器 不想打印的元素的jQuery选择器
iframe 默认true,如果没有iframe选择器被传入会创建一个隐藏的iframe 任何可用的jQuery选择器或Boolean 是否使用一个iframe来替代打印表单的弹出窗口
append/prepend null Boolean 是否将用户更新的表单输入框内容作为打印内容(通过迭代每一个表单元素来实现)
jQuery简单易用的网页内容打印插件