javaScript实现点击按钮直接打印


很多网站都有此功能,当浏览到底部时都会有一个打印按钮,点击打印按钮就可以完成打印功能,功能非常不错,人性化,代码非常的简单。

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

<a href="javascript:window.print()">脚本之家</a>

二、如何打印页面中的指定内容

<!DOCTYPE html>
<html>
<head>
  <meta charset= " utf-8" >
  <meta name= "author" content= "http://www.jb51.net/" />
  <title>指定被打印的内容</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" >欢迎您</div>
  <input name= "print" type= "button" id= "bt" value= "点击打印" />
</body>
</html>
三、还有一点,就是CSS样式表的问题了,打印的效果是不包含背景的打印的,设置时注意一下。
<style media="print">、<link media="print">的用法合理应用,media="print"是不被网页所显示的,只能在打印的效果上存在,可以设置出打印效果和在网页上所显示的不一样。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM