jQuery控制网页打印指定区域内容的方法
来源:绵阳动力网络公司  时间:2015-06-02  阅读:21

绵阳动力网络公司为大家介绍jQuery控制网页打印指定区域的方法,涉及jQuery操作html元素的技巧,使用jQuery控制网页打印指定的区域,可以指定一个div区域的id即可实现打印网页的部分内容。非常具有实用价值,需要的朋友可以参考下:

<html> 
<head> 
<title>jquery 打印指定区域内容</title> 
<script src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript">
 function printHtml(html) {
 var bodyHtml = document.body.innerHTML; 
document.body.innerHTML = html; 
window.print(); 
document.body.innerHTML = bodyHtml; 
} 
function onprint() {
 var html = $("#printArea").html(); 
printHtml(html); 
} 
</script> 
</head> 
<body> 
<div>
 <div id="printArea" style="width: 500px; text-align: left;"> 打印区域~~~~ </div> <br /> 
<div> 
<input type="button" id="btnPrint" onclick="onprint()" value="print" /> 
</div> 
</div> 
</body> 
</html>

 
  • 电话咨询

  • 0816-2318288