javascript - 打印预览前的页面格式

Question

我正在尝试对一个页面进行编码，比如在要求预览页面之前显示带有背景的格式，表明预览中不会包含背景颜色。谢谢你

        <script>
        function printContent() {
          var page = document.getElementById("page");
          var btn = document.getElementById("grey");

          btn.style.visibility = 'hidden';
          page.style.borderStyle = 'none';
          page.style.margin = 'auto';

          window.print();
          btn.style.visibility = 'hidden';
        }
        </script>
        <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">&lt; &gt;</div></div><!-- /example -->

Answer 1

您可以使用 CSS @media print 功能。不要使用 JS，而是使用 CSS。

<style type="text/css">
    @media print{
            .btn{display:none}
            .page{margin:auto}
}
</style>