Bagaimanakah Saya Boleh Mencetak Kandungan DIV Tertentu dengan Keserasian Penyemak Imbas Dipertingkat?-tutorial js-php.cn

Bagaimanakah Saya Boleh Mencetak Kandungan DIV Tertentu dengan Keserasian Penyemak Imbas Dipertingkat?

Patricia Arquette

Lepaskan： 2024-12-06 17:32:11

asal

697 orang telah melayarinya

How Can I Print a Specific DIV's Content with Enhanced Browser Compatibility?

Mencetak Kandungan DIV dengan Fungsi Dipertingkat

Dalam pelbagai senario pembangunan web, anda mungkin menghadapi keperluan untuk mencetak kandungan elemen DIV tertentu . Untuk mencapai matlamat ini, terdapat beberapa pendekatan yang tersedia. Dalam artikel ini, kami akan menyelidiki kaedah yang menyediakan kefungsian dan keserasian yang dipertingkatkan merentas penyemak imbas yang berbeza, terutamanya Chrome.

Penyelesaian

Fungsi yang disediakan, PrintElem() , menawarkan pendekatan menyeluruh untuk mencetak kandungan a DIV:

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

    mywindow.document.write('<html><head><title>' + document.title + '</title></head>');
    mywindow.document.write('<body>');
    mywindow.document.write('<h1>' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('</body></html>');

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

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

    return true;
}

Salin selepas log masuk

Penjelasan

Membuka Tetingkap Baharu: Fungsi mencipta tetingkap penyemak imbas baharu, mywindow, untuk dipaparkan kandungan bercetak.
Elemen Halaman Tetapan: Ia menambahkan elemen HTML penting seperti kepala, tajuk dan badan pada dokumen tetingkap baharu.
Menambah Kandungan DIV: Kod mengekstrak HTML dalaman bagi elemen DIV yang ditentukan (elem) dan menulis ke bahagian badan tetingkap baharu.
Keserasian Khusus Penyemak Imbas: Untuk memastikan keserasian dengan penyemak imbas yang berbeza, terutamanya IE, fungsi menggunakan kaedah document.close() dan document.focus().
Pengurusan Pencetakan dan Tetingkap: Selepas membina dokumen HTML, dokumen mywindow ditutup untuk mengelakkan pengubahsuaian selanjutnya. Fokus penyemak imbas ditetapkan pada tetingkap baharu untuk membolehkan pencetakan. Kaedah print() dipanggil, dan akhirnya, tetingkap baharu ditutup.

Dengan menggunakan fungsi ini, anda boleh dengan mudah mencetak kandungan mana-mana elemen DIV dengan ciri tambahan seperti tajuk halaman, memastikan keserasian dan memberikan pengalaman pencetakan yang lancar untuk pengguna anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetak Kandungan DIV Tertentu dengan Keserasian Penyemak Imbas Dipertingkat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!