如何避免打印“打印”和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 +）