JAVA:实现 web 打印功能(简单易懂)

JAVA:实现 web 打印功能(简单易懂)可以直接调用测试:这是我们调用的打印页面:源码部分:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,i

可以直接调用测试:

测试实例下载:https://download.csdn.net/download/qq_36537546/12546247

这是我们调用的打印页面:

JAVA:实现 web 打印功能(简单易懂)

源码部分:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/page/index.css">
    <title>window调用打印接口</title>
    <style>
        #pr{width:100px;height:40px;line-height:40px;text-align:center;background:#ccc;}
        .box{width:600px;background:red;}
    </style>
</head>
<body>
    <div class="box">
        <h1>要打印的内容</h1>
        <p>测试内容</p>
    </div>
    <div id="pr">点击打印</div>
</body>
</html>
<script>
    function $(selector){
        return document.querySelector(selector);
    }
    //获取整个页面
    $("#pr").onclick =function(){
        window.print();
    }

    /* 实现打印全部页面(也可以打印局部页面 - 看需求) ---- 
   	   我是只打印boby里边的内容
   	   获取我们定义的id
   	*/
    $("#pr").onclick =function(){
        var oldHtml = $("body").innerHTML; 
        var printbox = $(".box").innerHTML;
        $("body").innerHTML = printbox;
        window.print();
        $("body").innerHTML = oldHtml;

    }
</script>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/36907.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注