Salin kandungan div ke dalam iframe baharu-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Salin kandungan div ke dalam iframe baharu

P粉042455250 2023-08-17 17:03:59

316

Akhirnya saya mencuba teknik yang mencetak div tetapi saya terperangkap pada bahagian soalan ini.

Saya mempunyai beberapa kod yang harus disalin daripada div kepada iframe:

var iframe = document.createElement('iframe'); var div = document.querySelector('div#sidebar'); kandungan var = div.innerHTML; iframe.srcdoc = `
${content}`; document.body.append(iframe); iframe.contentWindow.print();  Saya mencuba ini dalam alat pembangun pada halaman SO (saya boleh cuba menggunakan div#sidebar). 
 Saya perasan bahawa saya perlu menambah iframe Jika tidak, sifat .contentWindow ialah null. 
 Kod nampaknya berfungsi sedikit sebanyak, tetapi iframe Cetakan akhir kosong. 
 Sebarang petua dalam mencipta iframe dengan kandungan yang disalin?

P粉042455250

membalas semua (1)

P粉3065239692023-08-18 12:19:00 Tingkat 1

Baiklah, saya ada jawapan. Saya sepatutnya tahu lebih baik kerana saya baru sahaja selesai mengajar topik yang sama.

Kod berfungsi, tetapi ia berjalan terlalu awal. Saya perlu menunggu sehingga dokumen selesai dimuatkan.

Berikut ialah versi yang berfungsi:

var iframe = document.createElement('iframe'); var div = document.querySelector('div#sidebar'); var content = div.innerHTML; iframe.srcdoc = `
${content}`; document.body.append(iframe); // 等待iframe加载完成： iframe.onload = () => { iframe.contentWindow.print(); iframe.contentWindow.addEventListener('afterprint', event => { iframe.remove(); }); };