Bagaimanakah Saya Boleh Mengubah Saiz Iframe Secara Dinamik agar Sesuai dengan Kandungannya?-tutorial php-php.cn

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

Barbara Streisand

Lepaskan： 2024-10-26 19:44:02

asal

366 orang telah melayarinya

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>

Salin selepas log masuk

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

Salin selepas log masuk

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!