JavaScript 打印网页指定的区域

快乐打工仔 分类:实例代码

实际应用中,可能需要打印网页中的内容,且只需要打印一部分,而不是打印整个页面。

下面介绍一下如何实现局部打印效果。

代码实例如下:

<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.pipipi.net/" />     
<title>犀牛前端部落</title>    
<script type="text/javascript"> 
function doPrint(obj){
  var printWindow=window.open("","打印窗口","_blank");
  var docStr=obj.innerHTML;
  printWindow.document.write(docStr);
  printWindow.document.close();
  printWindow.print();
  printWindow.close();
}
window.onload=function(){
  var obt=document.getElementById("bt");
  var oprint=document.getElementById("print");
  obt.onclick=function(){
    doPrint(oprint);
  }
}
</script>
</head> 
<body> 
<div id="print">犀牛前端部落欢迎您,只有努力奋斗才会有美好的明天。</div>
<input type="button" id="bt" value="点击打印"/>
</body> 
</html>

JavaScript 打印网页指定的区域,这样的场景在实际项目中还是用的比较多的,关于JavaScript 打印网页指定的区域就介绍到这了。

JavaScript 打印网页指定的区域属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容