jQuery实现页面有选择性的打印功能

对于页面信息的打印相信很多项目当中都会遇到，今天将最近项目中的打印功能记录下来，以备日后使用。打印内容相对比较灵活

1、创建打印按钮

打印

2、打印时调用的函数

function doPrint() { 
	$("#china,#tr_basicss,#people,#times,#information").hide();
	$(".biao").css("display","block");
	$(".td_text").css("line-height: 30pt"); 
	$(".san,.gong,.chan,.dang,.print,.def,.ge").css("display","none");
	$("td,b").css("font-size","20px"); //设置打印时的字体大小
	$(".bianhao,.font").css("font-size","20px");
	$(".fonts").css("font-size","50px");
	$("#approveInfo,.styles,.disposalreg,.disposalprecept,.stepresult,.zjcontent,.content,.approveinfo,.pcqk").css

("line-height","28pt");//line-height设置行间距
$(".styles,.disposalreg,.disposalprecept,.stepresult,.zjcontent,.content,.approveinfo,.pcqk").css

("font-size","20px");bdhtml=window.document.body.innerHTML; //获取当前页的html代码

sprnstr=""; //设置打印开始区域       

eprnstr=""; //设置打印结束区域      

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始代码向后取html       

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //从开始代码向钱取html

window.document.body.innerHTML=prnhtml; window.print(); }