Bagaimana untuk Mengubah Saiz iFrame Secara Dinamik untuk Memadankan Ketinggian Kandungannya?

Mengubah saiz Ketinggian iFrame kepada Padanan Secara Dinamik Ketinggian Kandungan

Soalan: Bagaimanakah saya boleh menetapkan ketinggian iframe secara dinamik untuk memadankan ketinggian kandungannya, menghapuskan keperluan untuk bar skrol?

Jawapan:

Walaupun kaedah JavaScript tradisional mungkin menghadapi ralat yang dinafikan akses, penyelesaian yang melibatkan komunikasi langsung antara iframe dan halaman induknya boleh digunakan.

Pelaksanaan:

1. Pencetus daripada Halaman iFrame:

   • Dalam badan halaman iFrame, tambahkan pencetus onload yang melepasi ketinggian badan ke halaman induk menggunakan window.onload.

2. Ubah saiz Fungsi dalam Halaman Induk:

   • Dalam halaman induk, cipta fungsi JavaScript yang dipanggil resizeIframe yang mengambil ketinggian baharu sebagai hujah.
   • Laraskan ketinggian iframe kepada padankan ketinggian baharu, tambahkan sedikit offset untuk menampung sebarang pelapik atau elemen di luar badan.

3. Integrasi:

   • Sembunyikan iFrame pada mulanya dan paparkan imej yang sedang dimuatkan.
   • Apabila fungsi resizeIframe dilaksanakan, sembunyikan imej yang dimuatkan dan tunjukkan iFrame untuk penampilan yang lancar.

Batasan:

Kaedah ini bergantung pada komunikasi domain yang sama. Jika iFrame berasal dari domain yang berbeza, skrip PHP proksi atau penyepaduan langsung suapan RSS blog ke dalam halaman induk mungkin diperlukan.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Saiz iFrame Secara Dinamik untuk Memadankan Ketinggian Kandungannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!