Rumah > Artikel > pembangunan bahagian belakang > Bagaimanakah Saya Boleh Mengubah Saiz Iframe Secara Dinamik agar Sesuai dengan Kandungannya?

Bagaimanakah Saya Boleh Mengubah Saiz Iframe Secara Dinamik agar Sesuai dengan Kandungannya?

Barbara Streisandasal: 2024-10-26 19:44:02367semak imbas

How Can I Dynamically Resize an Iframe to Fit Its Content?

Ubah Saiz Tinggi iframe Berdasarkan Kandungan Secara Dinamik

Soalan:

Menggabungkan iframe dalam tapak web, matlamatnya adalah untuk tentukan ketinggian yang sesuai untuk iframe secara dinamik. Sebaik-baiknya, iframe harus menyesuaikan diri dengan kandungan yang dipaparkan tanpa bar skrol, menyerupai penyepaduan yang lancar dalam tapak web.

Jawapan:

Semasa pada mulanya cuba JavaScript untuk mengira ketinggian, akses yang ditolak kebenaran menghalang kemajuan . Selepas itu, pertimbangan telah dibuat untuk menggunakan Ajax atau PHP.

Walau bagaimanapun, penyelesaiannya terletak pada menggunakan pencetus daripada halaman iframe'd dalam window.onload untuk menyampaikan ketinggian badan kepada halaman induk. Ibu bapa kemudian melaraskan ketinggian iframe dengan sewajarnya.

<code class="html"><body onload='parent.resizeIframe(document.body.scrollHeight)'></code>

<code class="javascript">function resizeIframe(newHeight)
{
    document.getElementById('blogIframe').style.height = parseInt(newHeight,10) + 10 + 'px';
}</code>

Walaupun iframe pada mulanya mungkin muncul dengan ketinggian lalai, ini boleh dikurangkan dengan memaparkan imej yang memuatkan pada mulanya dan menyembunyikan iframe. Setelah fungsi resizeIframe menerima kemas kini ketinggian, ia boleh mengalih keluar imej pemuatan dan memaparkan iframe, mensimulasikan pengalaman seperti Ajax.

Sebagai alternatif, jika pengehadan merentas domain timbul, skrip PHP proksi boleh memudahkan pembenaman. Walau bagaimanapun, untuk kawalan maksimum dan kemudahan pelaksanaan, membenamkan suapan RSS blog secara langsung melalui PHP menawarkan penyelesaian yang berdaya maju.

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

php JavaScript ajax if for while using function default this display embedding Access iframe

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk Mengakses Nama Nod XML dengan Tanda Sempang dalam PHP?Artikel seterusnya：Bagaimana untuk Mengakses Nama Nod XML dengan Tanda Sempang dalam PHP?

Artikel berkaitan

Lihat lagi