html window.print();打印

var pageTableHtml = $("#templateTable").clone();
			pageTableHtml.css("padding-right", "10px");
			$("#publicResult").append(pageTableHtml);//用append的原因是因为用到了分页,将多个templateTable放到打印的div
			$('#publicResult').hide();//html页面隐藏打印页面的div
$("#printBut").click(function() {
     
				$('#publicResult').show();//打印页面div显示
				$("#breadcrumb").hide();
				$("#divButtonGroup").hide();
				$("#templateTable").hide();//页面上显示,打印页面隐藏
				window.print();
				$("#breadcrumb").show();
				$("#divButtonGroup").show();

				//window.open('print.jsp?id='+checklistId,'_blank','width=700,height=500,top=0, left=0,scrollbars=yes');
			})

打印实现分页,在打印的模板上添加css样式:

page-break-after: always

你可能感兴趣的:(js,html打印)