Bagaimanakah Saya Boleh Membuat Saiz Iframe Secara Automatik agar Sesuai dengan Kandungannya?

AutoMelaraskan Dimensi Iframe agar Sesuai dengan Kandungan

Masalah:

Bagaimanakah lebar dan ketinggian iframe boleh dilaraskan secara automatik untuk menepati kandungan yang terkandung dengan tepat? Pelarasan ini sepatutnya boleh dilakukan selepas iframe dimuatkan.

Penyelesaian:

Untuk mencapai ini, tindakan acara diperlukan untuk mengendalikan perubahan dalam dimensi badan dalam iframe itu. Inilah penyelesaiannya:

function resizeIFrameToFitContent(iFrame) {
  iFrame.width = iFrame.contentWindow.document.body.scrollWidth;
  iFrame.height = iFrame.contentWindow.document.body.scrollHeight;
}

window.addEventListener("DOMContentLoaded", function (e) {
  var iFrame = document.getElementById("iFrame1");
  resizeIFrameToFitContent(iFrame);

  // To resize all iframes:
  var iframes = document.querySelectorAll("iframe");
  for (var i = 0; i < iframes.length; i++) {
    resizeIFrameToFitContent(iframes[i]);
  }
});

Dalam kod di atas:

• Fungsi resizeIFrameToFitContent() menetapkan atribut lebar dan ketinggian iframe berdasarkan lebar dan ketinggian skrolnya isi kandungan.
• Pendengar acara DOMContentLoaded digunakan untuk melaraskan dimensi iframe selepas iframe dimuatkan.
• Kod tambahan pilihan (diulas keluar) boleh digunakan untuk mengubah saiz semua iframe pada halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Saiz Iframe Secara Automatik agar Sesuai dengan Kandungannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!