在表單元素內打印html頁面

Question

網頁具有<form> ，需要將其發送到打印機進行打印。 鍵盤Cmd + P將打印整個頁面，這不是我想要的。

我將事件連接到頁腳上的按鈕，但不確定如何僅將form內容發送到打印機。 任何想法如何？

$('form').get(0).innerHTML

Answer 1

使用media queries可以輕松完成此操作。 它將在IE9及更高版本，Chrome，FF等中運行。對於IE8，您可以使用polyfills。

現在，您要做的就是在打印時隱藏元素。 在css中寫這樣的東西

@media print {
    #element-to-hide {
        display: none;
    }
}

這將在打印時完全隱藏不需要的元素。

Answer 2

您可以從頁面像塊一樣獲取該元素，然后使用Javascript進行打印

<div class="print" onclick="PrintElem('#idFromPage')">

和Js代碼來打印您需要的塊：

    function PrintElem(elem) {
    Popup($("body").html(), elem);
}

function Popup(data, elem) {
    var mywindow = window.open('', 'Page to Print', 'height=600,width=800');
    mywindow.document.write('<html><head><title>Print Document</title>');
    mywindow.document.write('<style> body * { visibility: hidden;  } .mobile-view {displa:none;} body, html { background:#fff !important;}   #' + elem + ', #' + elem + ' * {visibility: visible; } </style>');
    mywindow.document.write('</head><body>');
    mywindow.document.write(data);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10

    $(mywindow).on('load', function () {
        mywindow.print();
    });

    return true;
}

在表單元素內打印html頁面

問題描述

2 個解決方案

解決方案1
1 2016-08-12 12:25:22

解決方案2
0 已采納 2016-08-12 12:31:11

在表單元素內打印html頁面

問題描述

2 個解決方案

解決方案1 1 2016-08-12 12:25:22

解決方案2 0 已采納 2016-08-12 12:31:11

解決方案1
1 2016-08-12 12:25:22

解決方案2
0 已采納 2016-08-12 12:31:11