注意: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