js打印网页的特定内容三步搞定

1.页面添加打印按钮

<div>
<a onclick="exportPuts();" class="btn btn-add" style="margin-bottom:2px;margin-right: 10px"> <i class="icon-add"></i> 打印</a>
</div>

2.确定需要打印的页面位置,用标签 <!--startprint-->和标签 <!--endprint--> 将需要打印的位置划分出来

<!--startprint-->
		<div class="row-fluid">
			<div class="span12">
				<div class="widget blue">
					<div class="widget-title"><h4><i class="icon-align-        
                                                        left"></i> 同比分析</h4></div>
					<div class="widget-body">
						<div id="main_1"></div>
						<div id="main_2">
							<br><br><br><br>
							<div id="text1"></div>
							<br><br>
							<div id="text2"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
<!--endprint-->        

  3.js添加打印函数

<script type="text/javascript">
function exportPuts(){	
		 bdhtml=window.document.body.innerHTML;
         sprnstr="<!--startprint-->";//必须在页面添加<!--startprint-->和<!--endprint-->而且需要打印的内容必须在它们之间
         eprnstr="<!--endprint-->";
         prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+18);
         prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
 		 var newWin= window.open("");//新打开一个空窗口
     	 newWin.document.body.innerHTML=prnhtml;
  		 newWin.document.close();//在IE浏览器中使用必须添加这一句
  		 newWin.focus();//在IE浏览器中使用必须添加这一句
 		 newWin.print();//打印
  		 newWin.close();//关闭窗口 
                                   }
</script>

  

  

猜你喜欢

转载自www.cnblogs.com/updatemyself/p/9706374.html