pc端调用打印机进行打印

布满荆棘的人生 2022-12-03 08:52 190阅读 0赞

## `pc`端调用打印机进行打印 ##

**如果是需要用`usb`链接的，请先安装打印机的对应驱动  
话不多说直接上代码**

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style type="text/css">
            body,
            html { 
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
                clear: both;
            }
            .no { 
                display: none;
            }
        </style>
    </head>
    
    <body>
        <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />
    
        <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
    
        <p class="no">不需要打印的地方</p>
    
        
            嗨，就是这里要打印
            要打印的内容
            打印结束
        
        <script>
    
            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>
    </body>
    
    </html>