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

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条回答 默认 最新

  • Go 旅城通票 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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 Mermaid语法生成的svg在Axure无法编辑
  • ¥15 Windchill二次开发
  • ¥15 怎么把tkinter和其他代码结合起来使功能可以完善
  • ¥15 爬取豆瓣电影相关处理
  • ¥15 手机淘宝抓清除消息接口
  • ¥15 C#无selenium
  • ¥15 用机器学习方法帮助保险公司预测哪些是欺诈行为
  • ¥15 数据爬取,python
  • ¥15 怎么看 cst中一个面的功率分布图,请说明详细步骤。类似下图
  • ¥15 为什么我的pycharm无法用pyqt6的QtWebEngine