zoukankan      html  css  js  c++  java
  • js 打印

    1、js实现(可实现局部打印)

    <!--打印的实现1:start-->

    <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />

    <!--将不需要打印的部分,标记为 class="noprint" -->
    <style type="text/css" media=print>
    .noprint{display : none }
    </style>

    <p class="noprint">不需要打印的地方</p>

    <p>打印的部分</p>


    <!--打印的实现1:end-->


    <!--打印的实现2:start-->

    <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
    <script>
    function preview(oper)
    {
    if (oper < 10)
    {
    bdhtml=window.document.body.innerHTML;//获取当前页的html代码
    sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
    eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
    prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
    window.document.body.innerHTML=prnhtml;
    window.print();
    window.document.body.innerHTML=bdhtml;
    } else {
    window.print();
    }
    }
    </script>

    <p>XXXXX</p>

    <!--startprint1-->要打印的内容<!--endprint1-->

    再加个打印按纽 onclick=preview(1)

    <!--打印的实现2:end-->

     2、调用windows底层打印,报安全警告,不建议使用(不支持局部打印)

    <HTML>
    <HEAD>
    <TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>
    <META http-equiv=Content-Type content="text/html; charset=gb2312" />
    <SCRIPT language=javascript>
      function printsetup(){
      // 打印页面设置
      wb.execwb(8,1);
      }
      function printpreview(){
      // 打印页面预览
        
      wb.execwb(7,1);      
        
      }

      function printit()
      {
      if (confirm('确定打印吗?')) {
      wb.execwb(6,6);
      }
      }
      </SCRIPT>
    </HEAD>
    <BODY>

    <DIV align=center>
    <OBJECT id=wb height=0 width=0
    classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
    <INPUT onclick=javascript:printit() type=button value=打印 name=button_print />
    <INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
    <INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
    一按开始的减肥了卡时间段
    </DIV>
    </BODY>
    </HTML>

    3、jQuery实现(支持局部打印)

    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery.PrintArea.js"></script>
    <script>
    $(document).ready(function(){
    $("input#biuuu_button").click(function(){

    $("div#myPrintArea").printArea();

    });
    });

    </script>

    <input id="biuuu_button" type="button" value="打印"></input>

    <div id="myPrintArea">.....文本打印部分.....</div>

  • 相关阅读:
    UML图箭头关系
    使用 Python 编写 vim 插件
    linux grep命令
    gevent For the Working Python Developer
    坐标系旋转变换公式图解
    欲哭无泪的p-value = 0.051 | 做几次重复能得到较低的p-value
    RNA-seq要做几次生物学重复?找出来的100%都是真正的应答基因
    Strand Specific mRNA sequencing 之重要性与分析
    为什么二代测序的原始数据中会出现Read重复现象?
    DNA甲基化研究概述
  • 原文地址:https://www.cnblogs.com/zhengyan/p/5157734.html
Copyright © 2011-2022 走看看