JavaScript如何点击一个按钮实现打印

很多网站在底部都有一个打印按钮，点击此按钮就可以实现打印效果，代码非常的简单。

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

<script>
<a href="javascript:window.print()">51前端</a>
</script>

也就是只要调用window.print()函数就可以实现打印当前页面。

但是上面的并不完美，因为有些网页上的很多内容都不需要打印，下面介绍一下如何打印页面中的指定内容。

代码如下:

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>指定被打印的内容-51前端</title>
<script language="javascript"> 
function printdiv(printpage) 
{ 
  var newstr = 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");
  var div_print=document.getElementById("div_print");
    
  bt.onclick=function()
  {
  printdiv(div_print);
  }
}
</script> 
</head> 
<body> 
<div id="div_print"> 
  <h1 style="Color:Red">这是要被打印的内容</h1> 
</div>
<div style="Color:Red">51前端欢迎您</div> 
<input name="print" type="button" id="bt" value="点击打印" /> 
</body> 
</html>

代码描述：JavaScript点击按钮打印。JavaScript如何点击一个按钮实现打印

下载全部收藏

331 441

用户评论

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