cari

Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Berkesan?

Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Berkesan?

Patricia Arquette
Patricia Arquetteasal
2024-12-06 19:33:18564semak imbas

How Can I Effectively Print the Contents of a DIV Element in JavaScript?

Mencetak Kandungan DIV

Dalam bidang pembangunan web, memaparkan maklumat dalam kawasan yang ditetapkan adalah perkara biasa. Walau bagaimanapun, timbul keperluan untuk membentangkan kandungan ini dalam format yang nyata, seperti dokumen bercetak. Di antara pelbagai kaedah yang ada, mari kita terokai pendekatan paling berkesan untuk mencetak kandungan DIV.

Penyelesaian:

Untuk tujuan ini, fungsi JavaScript yang dipanggil PrintElem mempunyai terbukti sangat berkesan. Fungsi ini mengambil ID elemen tunggal sebagai hujah dan memulakan tetingkap baharu secara eksklusif untuk pencetakan. Dalam tetingkap ini, kandungan DIV yang ditentukan diekstrak dengan teliti dan diformatkan ke dalam dokumen HTML yang boleh dicetak.

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(); // necessary for IE >= 10
  mywindow.focus(); // necessary for IE >= 10*/

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

  return true;
}

Fungsi ini beroperasi dengan lancar pada penyemak imbas moden, termasuk Chrome. Keberkesanannya berpunca daripada fleksibilitinya dalam mengendalikan elemen dengan kandungan yang kompleks, memastikan perwakilan visual yang tepat pada dokumen bercetak. Dengan teknik ini, pembangun boleh menukar maklumat digital dengan mudah kepada format ketara, memenuhi keperluan yang pelbagai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript chrome html print for format function this
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：Cabaran JavaScript Harian #JS- Cari Substring Terpanjang Tanpa Aksara BerulangArtikel seterusnya：Cabaran JavaScript Harian #JS- Cari Substring Terpanjang Tanpa Aksara Berulang

Artikel berkaitan

Lihat lagi