QQ在线客服 | 网站首页
  • 建站类型
  • 服务项目
  • 案例展示
  • Call me!
    用JS在html页面实现打印功能
    更新日期:2020-09-26
     

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

    <script language="javascript">
    function preview(oper)
    {
    if (oper < 10){
    bdhtml=window.document.body.innerHTML;//获取当前页的html代码
    sprnstr="";//设置打印开始区域
    eprnstr="";//设置打印结束区域
    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>

    然后在所需要打印的代码,用包围着,如下:
    
    
    
    <div id=sty>
        ...
    div>
    
    
    

    最后加上一个打印的按钮
    <input type=button name=button_export title=打印1 onclick=preview(1) value=打印1>
     
copyright©2009 岳阳楼区完美视界网络信息服务中心 版权所有
湘ICP备18003118号-3