Bagaimana untuk Mencetak Kandungan DIV Tertentu Merentasi Pelayar Berbeza?

Cara Mencetak Kandungan DIV

Mencetak kandungan elemen DIV tertentu boleh berguna untuk membuat laporan PDF atau memelihara web kandungan. Kaedah pilihan untuk mencapai tugas ini berbeza-beza bergantung pada penyemak imbas.

Chrome dan Penyemak Imbas Moden Lain

Untuk versi semasa Chrome dan penyemak imbas moden yang lain, coretan kod berikut menunjukkan pendekatan terbaik:

function PrintElem(elem) {
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<title>' + document.title + '</title>');
    mywindow.document.write('');
    mywindow.document.write('<h1 id="document-title">' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('');

    mywindow.document.close();
    mywindow.focus();

    mywindow.print();
    mywindow.close();

    return true;
}

Fungsi ini membuka tetingkap baharu, mengisinya dengan kandungan DIV yang ditentukan, dan mencetuskan proses cetakan. Ia termasuk pengubahsuaian yang diperlukan berbanding versi terdahulu untuk kefungsian optimum dalam Chrome.

Pelayar Warisan

Dalam pelayar lama seperti Internet Explorer 9 dan ke bawah, pendekatan berbeza diperlukan . Coretan kod berikut mengendalikan pencetakan untuk penyemak imbas ini:

function PrintElem(elem) {
    ctrlKeyStr = "+";
    document.getElementById(elem).focus();
    document.getElementById(elem).print(+ctrlKeyStr);
}

Fungsi ini hanya memfokuskan DIV dan mengaktifkan fungsi cetakan menggunakan kekunci pintas lalai, yang mungkin berbeza-beza bergantung pada penyemak imbas.

Oleh melaksanakan teknik ini, anda boleh mencetak kandungan elemen DIV dengan berkesan merentas pelbagai penyemak imbas, memenuhi keperluan pencetakan dokumen anda.

Atas ialah kandungan terperinci Bagaimana untuk Mencetak Kandungan DIV Tertentu Merentasi Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!