原创 jquery插件打印print
239 31 4564 1
有侵犯版权请及时联系我们,我们将在24小时内删除素材。
投诉举报

注意:JQuery.print.js 依赖于JQ


简单示例:

html示例

<div id="demo1">
	  <p>①打印内容,Hello,world!</p>
	  <p>②打印内容,It works! </p>
</div>
<button class="btn btn-sm btn-info print1">打印</button>

 js示例

$(".print1").click(function(){
    $('#demo1').print()
 })


自定义参数

$("#demo3").print({
      globalStyles : false,//使用全局样式
      mediaPrint : false,
      stylesheet : "",//自定义样式表
      iframe : false,//在隐藏的iframe中打印,true则在当前页面打印,false则打开新页面并打印
      noPrintSelector : ".remove-this1,.remove-this2",//不需要打印的class类名
      prepend : "增加在打印内容前面的内容,Hi!",//增加在打印内容前面的,支持代码标签
      append : "增加在打印内容后面的内容,Bye!",//增加在打印内容后面的,支持代码标签
       deferred: $.Deferred().done(function() { alert("执行打印后的操作!"); })//执行打印后可以调用的方法
});


特别注意:iframe为false时,才不会有页面顶部的标题和页面底部的链接地址。


评论(1) 帮助他人、分享经验 我要评论
雨伞网

雨伞网 #1

确实是比较好用的。
2021-01-03 18:18:24
回复(0)
上传时间: 2020-04-06
分类: 代码 /  插件
文件大小: 77.45 KB
收藏
下载
请在Safari浏览器下载