javascript实现局部打印代码实例下载

打印网页的时候往往无需打印整个页面，而仅仅需要打印其中的一部分，下面就通过代码实例介绍一下如何利用javascript实现网页局部打印效果，代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<script type="text/javascript"> 
function preview(oper){ 
  if(oper<10){ 
    bdhtml=document.body.innerHTML;
    sprnstr="<!--startprint"+oper+"-->";
    eprnstr="<!--endprint"+oper+"-->";
    prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    document.body.innerHTML=prnhtml; 
    window.print(); 
    document.body.innerHTML=bdhtml; 
  } 
  else{ 
    window.print(); 
  } 
} 
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    preview(1)
  }
}
</script> 
</head>
<body> 
<!--startprint1-->51前端欢迎您<!--endprint1-->
<div>分享互助是进步的最大源动力，你的胸怀有多大你的成就会有多大。</div>
<input id="bt" type="button" value="点击打印"/> 
</body> 
</html>

代码描述：javascript局部打印。javascript实现局部打印代码实例下载

下载全部收藏

93 123

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册