Hướng dẫn how do i print a specific section in javascript? - làm cách nào để in một phần cụ thể trong javascript?

Tôi đang cố gắng in một phần cụ thể trong ứng dụng của mình.

Ứng dụng có một danh sách người dùng, hiển thị họ và họ của họ. Khi tôi nhấp vào người dùng, tôi nhận được một cửa sổ bật lên với thông tin chi tiết hơn về họ.

Làm thế nào tôi có thể in chỉ in cửa sổ bật lên cho người dùng tôi đã nhấp? Cửa sổ bật lên trông như thế này:

 

Nút in chưa hoạt động mặc dù.

Hỏi ngày 21 tháng 10 năm 2012 lúc 10:44Oct 21, 2012 at 10:44

Hướng dẫn how do i print a specific section in javascript? - làm cách nào để in một phần cụ thể trong javascript?

Gregor Menihgregor MenihGregor Menih

4.78514 Huy hiệu vàng44 Huy hiệu bạc65 Huy hiệu Đồng14 gold badges44 silver badges65 bronze badges

1

Bạn có thể sử dụng JavaScript đơn giản để in một div cụ thể từ một trang.

var prtContent = document.getElementById("your div id");
var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();

Hướng dẫn how do i print a specific section in javascript? - làm cách nào để in một phần cụ thể trong javascript?

Thần bí

2.2352 huy hiệu vàng21 Huy hiệu bạc36 Huy hiệu đồng2 gold badges21 silver badges36 bronze badges

Đã trả lời ngày 21 tháng 10 năm 2012 lúc 10:58Oct 21, 2012 at 10:58

7

Bạn sẽ phải mở một cửa sổ mới (hoặc điều hướng đến một trang mới) chỉ chứa thông tin bạn muốn người dùng có thể in

Javscript:

function printInfo(ele) {
    var openWindow = window.open("", "title", "attributes");
    openWindow.document.write(ele.previousSibling.innerHTML);
    openWindow.document.close();
    openWindow.focus();
    openWindow.print();
    openWindow.close();
}

HTML:

content to print
Print

Một vài ghi chú ở đây: Neo không được có khoảng trắng giữa nó và div chứa nội dung để in

Đã trả lời ngày 21 tháng 10 năm 2012 lúc 10:56Oct 21, 2012 at 10:56

SrejectsRejectSReject

3,5961 Huy hiệu vàng24 Huy hiệu bạc40 Huy hiệu đồng1 gold badge24 silver badges40 bronze badges

2

Tôi đã tạo tiện ích mở rộng jQuery này để in HTML của phần tử được chọn:

function printInfo(ele) {
    var openWindow = window.open("", "title", "attributes");
    openWindow.document.write(ele.previousSibling.innerHTML);
    openWindow.document.close();
    openWindow.focus();
    openWindow.print();
    openWindow.close();
}
2

$.fn.extend({
    print: function() {
        var frameName = 'printIframe';
        var doc = window.frames[frameName];
        if (!doc) {
            $('