JavaScript打印div内容代码实例下载

通常情况下，需要打印的是网页中的某一个指定区域的内容，而不是网页中的全部内容。

下面通过实例代码介绍一下打印div中内容。

代码实例如下:

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript">
function printdiv(printpage){
  var newstr=document.getElementById(printpage).innerHTML;
  var oldstr=document.body.innerHTML;
  document.body.innerHTML=newstr;
  window.print(); 
  document.body.innerHTML=oldstr;
  return false;
}
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){printdiv('div_print');}
}
</script>
</head>
<body>
<input type="button"  id="bt" value="点击打印"/>
<div id="div_print">
<h1 style="Color:Red">此div中的内容将会被打印。</h1>
</div>
</body>
</html>

代码描述：JavaScript打印div内容。JavaScript打印div内容代码实例下载

下载全部收藏

157 209

用户评论

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