plugin cetak jQuery membolehkan anda mengawal dan menyesuaikan bahagian -bahagian laman web yang dicetak, menyediakan alternatif kepada keupayaan percetakan lalai penyemak imbas (biasanya mencetak keseluruhan tetingkap). Artikel ini akan meneroka beberapa plugin percetakan jQuery yang popular dan menunjukkan cara membina ciri ini sendiri.

Mata utama:

plugin cetak jQuery membolehkan anda mengawal dan menyesuaikan bahagian -bahagian laman web yang dicetak, menyediakan alternatif kepada keupayaan percetakan lalai penyemak imbas (biasanya mencetak keseluruhan tetingkap).
Plugin Pratonton Cetak JQuery Membuka tetingkap penyemak imbas baru untuk memaparkan bahagian -bahagian tertentu laman web untuk mencetak. Plugin ini sangat berguna untuk mencetak bahagian data seperti kad maklumat atau baris dalam jadual.
plugin cetak jQuery menyediakan pelbagai tetapan untuk menyesuaikan keperluan percetakan. Sebagai contoh, anda boleh menetapkannya untuk muncul dalam tetingkap semasa melalui iframe, tetapkan masa menunggu sebelum paparan cetak membuat, dan letakkan kandungan sebelum atau selepas pop timbul.
Jika anda ingin mencuba penyelesaian yang lebih maju, anda boleh cuba membuat elemen
• secara dinamik, tambahkannya ke halaman, tetapkan kandungan <iframe></iframe>, panggil <iframe></iframe> pada <iframe></iframe>, dan kemudian Untuk masa yang singkat keluarkannya selepas kelewatan. .print()

JQuery Print Plugin Gambaran Keseluruhan:

NOTA: Pelayar yang lebih tua (maksud saya IE8) mungkin mempunyai tingkah laku yang tidak normal apabila menggunakan plugin tertentu. Walau bagaimanapun, semua pelayar moden mengendalikan pratonton cetak dengan cara yang konsisten, jadi ingatlah ini jika anda memerlukan keserasian penuh.

pratonton cetak jQuery

Plugin jQuery kecil ini membolehkan anda membuka tetingkap penyemak imbas baru untuk memaparkan bahagian -bahagian tertentu laman web untuk mencetak. Tidak seperti beberapa plugin lain dalam senarai ini, plugin ini tidak menyentuh fungsi cetak pelayar Send, ia hanya membuka tetingkap minimum (yang sempurna, kerana anda boleh mencetaknya secara langsung sekarang).

Tujuan plugin ini adalah apabila anda mempunyai sebahagian daripada data yang anda ingin cetak, seperti kad maklumat atau baris dalam jadual. Anda boleh membukanya dalam tetingkap baru (menyediakan pilihan konfigurasi untuk plugin) dan cetak dari sana. Ini memastikan bahawa anda hanya mencetak apa yang anda mahukan.

Sokongan penyemak imbasnya nampaknya agak komprehensif dan berfungsi dengan baik pada penyemak imbas moden saya.

Malangnya, ia bukan pada GitHub, jadi sukar untuk mengetahui sama ada ia diselenggarakan secara aktif. Walau bagaimanapun, ini tidak boleh menghalang anda, anda dapat melihat jika ia berfungsi untuk anda dan kemudian menggunakannya seperti yang ada.

function openPrintDialogue(){
  $('<iframe>', {
    name: 'myiframe',
    class: 'printFrame'
  })
  .appendTo('body')
  .contents().find('body')
  .append(`
    <h1>Our Amazing Offer</h1>
    <img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/173975900525289.png"  class="lazy" alt="5 jQuery Print Page Options " /></img>  `);

  window.frames['myiframe'].focus();
  window.frames['myiframe'].print();

  setTimeout(() => { $(".printFrame").remove(); }, 1000);
};

$('button').on('click', openPrintDialogue);

Atas ialah kandungan terperinci 5 pilihan halaman cetakan jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!