zoukankan      html  css  js  c++  java
  • 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"是不被网页所显示的,只能在打印的效果上存在,可以设置出打印效果和在网页上所显示的不一样。
  • 相关阅读:
    学习 Shell —— 括号、引号
    darknet YOLOv2安装及数据集训练
    计算机设计思想 —— 总线
    GSM —— 商业蜂窝通信系统
    Java IO(输入输出)
    整数运算、浮点运算与溢出
    机器学习:Colorization using Optimization
    天池历届大赛答辩PPT及视频
    “libgomp.so.1: version `GOMP_4.0' not found” || “libstdc++.so.6: version `CXXABI_1.3.8' not found”错误
    字符串转换为数组
  • 原文地址:https://www.cnblogs.com/carriezhao/p/6945194.html
Copyright © 2011-2022 走看看