如何避免打印“打印”和URL？

Question

我有一张表格供员工在为公司订购喷漆时填写。 该表格被提交到PHP页面，该页面显示了订单的结果，并允许用户进行打印。 它还会打印“打印”按钮以及页面的URL。 没有这两件事，如何打印？ 这是我在样式标签内使用的代码...

@media print {
    .hide-on-print { display:none; }
}

这是我的打印按钮...

echo '<br /><br /><a href="javascript:window.print()">Print</a>';

谢谢您的帮助！

Answer 1

您无法隐藏URL或任何其他页眉或页脚文本。 这些是由浏览器控制的设置，无法通过任何API访问。 最终，由用户决定是否打印。

您可以通过在该页面的打印CSS中使用display:none来隐藏该打印按钮。

Answer 2

最近我在这里看到了类似的问题 。 如果要摆脱URL地址 ，可以创建一个新窗口，在其中复制可打印内容，然后打印新窗口，然后关闭它。 然后，原始地址将被about:blank替换。

function printpage() {
    var styles = document.getElementsByTagName('style');
    var style = '';
    for (var i=0; i<styles.length; i++) {
        style += styles[i].innerHTML;
    }
    var data = document.getElementById('print_content').innerHTML;
    data += '<br/><button onclick="window.print()" class="noprint">Print the Report</button>';
    data += '<br/><button onclick="window.close()" class="noprint">Close Preview</button>';
    data += '<style type="text/css" media="print"> .noprint {visibility: hidden;}</style><style type="text/css">'+ style +' </style>';
    myWindow = window.open('', '', 'width=800,height=600');
    myWindow.innerWidth = screen.width;
    myWindow.innerHeight = screen.height;
    myWindow.screenX = 0;
    myWindow.screenY = 0;
    myWindow.document.body.innerHTML = data;
    myWindow.focus();
}

jsfiddle代码 + 结果页 （适用于IE7 +）