前端js打印网页内容

关注

原创最新推荐文章于 2026-07-04 10:04:11 发布 331 阅读 AI 写同款· GEO 优化 ›

满足条件后立即进行直接打印而无需预览我正在开发离子应用程序，但是在没有预览的情况下直接打印时遇到了问题。满足条件后，有什么方法可以在没有任何打印预览窗口的情况下进行打印？按照要求，我不需要任何手动过程（例如单击）来打印票证。是）我有的... 立即下载

<div>
    <!--startprint-->
    <!--打印内容开始-->
    开始和结束标签内就是需要打印的内容<br>
    <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" /><br>
    <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" /><br>
    <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" /><br>
    <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" />
    <!--打印内容结束-->
    <!--endprint-->
</div>
<input type="button" id="bt" onclick="javascript:doPrint()"   value="打印" />
<script language="javascript" type="text/javascript">
    function doPrint() {
        bdhtml=window.document.body.innerHTML; //获取当前页的html代码
        sprnstr="<!--startprint-->"; //设置打印开始区域
        eprnstr="<!--endprint-->";//设置打印结束区域
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);//从开始代码向后取html
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
        window.document.body.innerHTML=prnhtml;
        window.print();
    }
</script>

收录于