zoukankan      html  css  js  c++  java
  • 用JS在html页面实现打印功能

    首先在head里面加入下面一段js代码:

    <script language="javascript">
    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>

    然后在所需要打印的代码,用<!--startprint1--><!--endprint1-->包围着,如下:
    <!--startprint1-->
    
    <!--打印内容开始-->
    <div id=sty>
        ...
    </div>
    <!--打印内容结束-->
    
    <!--endprint1-->

    最后加上一个打印的按钮
    <input type=button name='button_export' title='打印1' onclick=preview(1) value=打印1>
  • 相关阅读:
    每天一道Java题[4]
    每天一道Java题[3]
    每天一道Java题[2]
    关于OOCSS架构
    新blog开张!
    [原]C++拾遗
    mark
    今天的情况(也是10月份的总结)
    11月份的总结
    Linux管道编程实例
  • 原文地址:https://www.cnblogs.com/chLxq/p/9604218.html
Copyright © 2011-2022 走看看