cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mencetak Kandungan DIV Tertentu Merentasi Pelayar Berbeza?

Bagaimana untuk Mencetak Kandungan DIV Tertentu Merentasi Pelayar Berbeza?

DDD
DDDasal
2024-12-18 03:41:10903semak imbas

How to Print a Specific DIV's Content Across Different Browsers?

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('<html><head><title>' + document.title + '</title>');
    mywindow.document.write('</head><body >');
    mywindow.document.write('<h1>' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('</body></html>');

    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!

chrome print for using function default this Other
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bagaimana untuk Menyegarkan Semula Imej Secara Dinamik daripada URL yang Sama Tanpa Caching Penyemak Imbas?Artikel seterusnya：Bagaimana untuk Menyegarkan Semula Imej Secara Dinamik daripada URL yang Sama Tanpa Caching Penyemak Imbas?

Artikel berkaitan

Lihat lagi