<html>
<head>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(function(){
$("body").on("click","button",function(){
beforePrint();
});
});
//打印之前
function beforePrint(){
$("#main").hide();
$("#print").show();
$("#print").attr("src","print.html");
}
//打印之后回调
function printCallBack(){
$("#main").show();
$("#print").hide();
$("#print").attr("src","");
}
</script>
</head>
<body >
<div id="main">
<button >测试打印</button>
<p>sdsadsads</p>
</div>
<iframe id="print" src="" frameborder="no" style="width: 100%; height: 100%; display: none;"></iframe>
</body>
</html>
前端打印Demo(Jquery)
1星 需积分: 50 147 浏览量
2017-01-17
16:00:18
上传
评论 3
收藏 91KB ZIP 举报 
print.zip （5个子文件） 
print 
index.html 733B
jquery-migrate-1.1.0.js 20KB jquery.jqprint-0.3.js 3KB jquery.js 286KB print.html 583B资源评论
MeJarry2018-09-28垃圾，骗分数的
flnixlee2018-10-20不是我想要的内容
a6340198452018-12-07不是我想要的内容
