hujung hadapan web
html tutorial
Kenapa beberapa kandungan yang diubahsuai tidak berkuatkuasa apabila borang percetakan menggunakan JavaScript?
Kenapa beberapa kandungan yang diubahsuai tidak berkuatkuasa apabila borang percetakan menggunakan JavaScript?
Selesaikan masalah tidak mengemas kini kandungan cetak borang JavaScript
Apabila mencetak borang web menggunakan JavaScript, kadang -kadang anda mendapati bahawa kandungan yang diubahsuai pengguna tidak dapat dilihat dalam pratonton cetak. Ini kerana mendapatkan bentuk HTML secara langsung (contohnya menggunakan .prop("outerHTML") ) tidak dapat menangkap input pengguna masa nyata. Sebagai contoh, kandungan kotak teks atau status kotak semak mungkin tidak dapat dilihat dengan betul.
Masalahnya ialah secara langsung memperoleh HTML tidak dapat mengemas kini kandungan yang diubahsuai secara dinamik dalam masa nyata. Untuk menyelesaikan masalah ini, anda perlu menggunakan kaedah cloneNode(true) untuk mengklonkan nod borang, memastikan bahawa nod klon mengandungi semua input pengguna terkini dan perubahan keadaan.
Berikut adalah contoh kod yang lebih baik yang menunjukkan cara menyelesaikan masalah ini menggunakan cloneNode(true) :
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dokumen</title>
<div id="divKanZhengPanel-binli">
<div>
<div class="checkDiv">
<label>Kedudukan yang betul</label>
<label>Slant luaran</label>
<label>Slant dalaman</label>
<label>Oblique tersembunyi luar</label>
<label>Serong tersirat</label>
</div>
</div>
</div>
<button id="dw">Klik saya untuk mencetak</button>
<script>
document.getElementById('dw').addEventListener('click', function() {
$('#print-iframe').remove(); // 清除之前的iframe
let iframe = document.createElement('iframe');
iframe.id = 'print-iframe';
iframe.style.cssText = 'position:absolute;width:0px;height:0px;left:-0px;top:-0px;visibility:hidden;';
document.body.appendChild(iframe);
let doc = iframe.contentWindow.document;
doc.open();
doc.write('<html><head><title>打印预览<body>');
doc.body.appendChild(document.querySelector('#divKanZhengPanel-binli').cloneNode(true));
doc.write('</script>Atas ialah kandungan terperinci Kenapa beberapa kandungan yang diubahsuai tidak berkuatkuasa apabila borang percetakan menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Cara memaparkan kategori kanak -kanak di halaman arkib kategori induk
Apr 19, 2025 pm 11:54 PM
Adakah anda ingin tahu cara memaparkan kategori kanak -kanak di halaman arkib kategori induk? Apabila anda menyesuaikan halaman arkib klasifikasi, anda mungkin perlu melakukan ini untuk menjadikannya lebih berguna kepada pelawat anda. Dalam artikel ini, kami akan menunjukkan kepada anda bagaimana untuk memaparkan kategori kanak -kanak dengan mudah di halaman arkib kategori induk. Mengapa subkategori muncul di halaman arkib kategori induk? Dengan memaparkan semua kategori kanak -kanak di halaman arkib kategori induk, anda boleh menjadikannya kurang generik dan lebih berguna kepada pelawat. Sebagai contoh, jika anda menjalankan blog WordPress mengenai buku dan mempunyai taksonomi yang disebut "tema", anda boleh menambah sub-taksonomi seperti "novel", "bukan fiksyen" supaya pembaca anda dapat
HTML vs CSS dan JavaScript: Membandingkan Teknologi Web
Apr 23, 2025 am 12:05 AM
HTML, CSS dan JavaScript adalah teknologi teras untuk membina laman web moden: 1. HTML mentakrifkan struktur laman web, 2. CSS bertanggungjawab untuk kemunculan laman web, 3.
Pertukaran mata wang 2025 yang lebih selamat?
Apr 20, 2025 pm 06:09 PM
Sepuluh teratas yang selamat dan boleh dipercayai di lingkaran cryptocurrency 2025 termasuk: 1. Pertukaran ini dinilai sebagai selamat dan boleh dipercayai berdasarkan pematuhan, kekuatan teknikal dan maklum balas pengguna.
Kenapa projek musim bunga menyebabkan masalah rawak akibat kebergantungan bulat apabila bermula?
Apr 19, 2025 pm 11:21 PM
Memahami rawak kebergantungan bulat dalam permulaan projek musim bunga. Semasa membangunkan projek musim bunga, anda mungkin menghadapi rawak yang disebabkan oleh kebergantungan bulat pada permulaan projek ...
Mengapa kenaikan atau kejatuhan harga mata wang maya? Mengapa kenaikan atau kejatuhan harga mata wang maya?
Apr 21, 2025 am 08:57 AM
Faktor kenaikan harga mata wang maya termasuk: 1. Peningkatan permintaan pasaran, 2. Menurunkan bekalan, 3. Berita positif yang dirangsang, 4. Sentimen pasaran optimis, 5. Persekitaran makroekonomi; Faktor penurunan termasuk: 1. Mengurangkan permintaan pasaran, 2. Peningkatan bekalan, 3.
Dalam persediaan JDBC, mengapa anda perlu menggunakan kaedah tetapan jenis parameter tertentu dan bukannya kaedah setObject umum?
Apr 19, 2025 pm 08:00 PM
JDBC ...
Kenapa nilai pulangan kosong apabila menggunakan redistemplate untuk pertanyaan batch?
Apr 19, 2025 pm 10:15 PM
Kenapa nilai pulangan kosong apabila menggunakan redistemplate untuk pertanyaan batch? Apabila menggunakan Redistemplate untuk operasi pertanyaan batch, anda mungkin menghadapi hasil yang dikembalikan ...
Kenapa JavaScript secara langsung tidak dapat mendapatkan maklumat perkakasan secara langsung di komputer pengguna?
Apr 19, 2025 pm 08:15 PM
Perbincangan mengenai sebab -sebab mengapa JavaScript tidak dapat memperoleh maklumat perkakasan komputer pengguna dalam pengaturcaraan harian, banyak pemaju akan ingin tahu tentang mengapa JavaScript tidak dapat diperoleh secara langsung ...
