<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div class="a4">
第一页内容
</div>
<div class="a4">
第二页内容
</div>
<div>
此内容不打印
</div>
<button class="print">打印</button>
<script type="text/javascript">
//打印转存pdf
//每一页面内容为class="a4"包含内容
//谷歌浏览器一页高度测试1160，其它浏览器可能不同
$(document).on('click','.print',function(){
defhtml = window.document.body.innerHTML;
var printHmtml = '';
$('.a4').each(function(){
$(this).css({
'width':'794px',
'height':'1160px',
//'background':'#ccc',
});
printHmtml += $(this).prop("outerHTML");
});
document.body.innerHTML=printHmtml;
window.print();
window.document.body.innerHTML = defhtml;
});
</script>
</body>
</html>
