Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Berkesan?-tutorial js-php.cn

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

Patricia Arquette

Lepaskan： 2024-12-06 19:33:18

asal

576 orang telah melayarinya

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;
}

Salin selepas log masuk

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!