giao桑 故乡的樱花开了 2021-02-23 16:19 采纳率: 66.7%
浏览 377
已采纳

JS怎么实现的百度文库Ctrl+p的打印页面是空白?

在百度文库VIP文档的防盗功能中直接ctrl+p出来的打印页面是空白的,但是网页没有变空白,怎么实现的?

我自己写的效果打印页面是空白,还在打印界面时网页也是空白。

    document.body.onbeforeprint=function() {
            var div=document.getElementById("dd");
            div.style="background-color: white;position: absolute;";
            div.style.width=document.body.scrollWidth+"px";
            div.style.height=document.body.scrollHeight+"px";
        };
        document.body.onafterprint=function() {
            var div=document.getElementById("dd");
            div.style.width="0px";
            div.style.height="0px";
        };

  • 写回答

1条回答 默认 最新

  • 斯洛文尼亚旅游 2021-02-23 16:30
    关注

    css控制就行了,什么操作都不用,执行打印操作隐藏body就没有内容了

    
    <style>
        @media print{
            body{visibility:hidden}
        }
    </style>
    <pre>在百度文库VIP文档的防盗功能中直接ctrl+p出来的打印页面是空白的,但是网页没有变空白,怎么实现的?
    
    我自己写的效果打印页面是空白,还在打印界面时网页也是空白。
    
        document.body.onbeforeprint=function() {
                var div=document.getElementById("dd");
                div.style="background-color: white;position: absolute;";
                div.style.width=document.body.scrollWidth+"px";
                div.style.height=document.body.scrollHeight+"px";
            };
            document.body.onafterprint=function() {
                var div=document.getElementById("dd");
                div.style.width="0px";
                div.style.height="0px";
            };</pre>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?