文章/答案/技术大牛

发布

社区首页 >问答首页 >仅打印隐藏对象标记的内容

问仅打印隐藏对象标记的内容
EN

Stack Overflow用户

提问于 2013-01-03 23:02:52

回答 1查看 3.3K关注 0票数 2

考虑下面的代码示例：

<!DOCTYPE html>
<html>
    <head>
        <title>HTML5-Template</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <style type="text/css">
            .print_this{
                display: none;
            }

            @media print {
                .print_this {
                    display: block;
                    width: 1024px;
                    height: 768px;
                }
            }
        </style>  
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                setTimeout(function () {
                    var el = document.getElementById("report");
                    el.focus();
                    el.print();
                }, 1500);
            });
        </script>
    </head>
    <body>
        <div id="Container">
            <object class="print_this" id="report" name="report" type="application/pdf" data="Certificate.pdf"></object>
        </div>
    </body>
</html>

我想在窗口中对用户隐藏对象，但在打印对话框为displayed...is时只打印标记的内容这是可能的吗？

注意:代码来自互联网上的其他地方，但是我有一种感觉，这是非常不基于标准的？

css

javascript

jquery

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-03 23:14:00

你在正确的轨道上。现在，您需要在打印媒体块中定义一个仅屏幕类(.screen_only { display: none; })，以隐藏不想向打印机显示的内容：

.print_this{
    display: none;
}

@media print {
    .print_this {
        display: block;
        width: 1024px;
        height: 768px;
    }
    .screen_only {
        display: none;
    }
}

有关工作示例，请参阅http://fiddle.jshell.net/jhfrench/UdQSX/2/show/。当页面在浏览器中加载时，您将看到“打印时未显示此内容”。现在打印页面，你会看到“这只对打印机显示”。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14141427

复制

相似问题

问仅打印隐藏对象标记的内容
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问仅打印隐藏对象标记的内容EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问仅打印隐藏对象标记的内容
EN