**Bagaimana untuk Menentukan dengan Boleh Dipercayai sama ada iFrame Telah Dimuat dan Mengandungi Kandungan?**-tutorial js-php.cn

**Bagaimana untuk Menentukan dengan Boleh Dipercayai sama ada iFrame Telah Dimuat dan Mengandungi Kandungan?**

DDD

Lepaskan： 2024-10-24 21:48:03

asal

704 orang telah melayarinya

**How to Reliably Determine if an iFrame Has Loaded and Contains Content?**

Menentukan Status Muatan iFrame untuk Pengesanan Kandungan

Dalam pembangunan web, selalunya perlu memuatkan kandungan secara dinamik ke dalam iFrame. Untuk memastikan kefungsian yang betul dan mengelakkan kemungkinan ralat, adalah penting untuk menentukan bila iFrame telah berjaya dimuatkan dan mengandungi kandungan.

Masalah:

Pertimbangkan iFrame dengan pemuatan berubah-ubah masa. Anda memerlukan cara untuk mengesan sama ada iFrame telah selesai memuatkan atau memperoleh kandungan. Pendekatan seperti iframe.contents().find() atau iframe.load(function()) mungkin tidak selalu boleh dilaksanakan.

Penyelesaian:

Inilah JavaScript fungsi yang berkesan menyemak keadaan dimuatkan iFrame:

<code class="javascript">function checkIframeLoaded() {
    // Get iframe reference
    var iframe = document.getElementById('i_frame');
    var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

    // Check if loading is complete
    if (iframeDoc.readyState == 'complete') {
        // Loading is complete
        afterLoading();
        return;
    } 

    // Set timeout for re-checking
    window.setTimeout(checkIframeLoaded, 100);
}

function afterLoading(){
    // Execute desired code after iFrame load
}</code>

Salin selepas log masuk

Dalam daripada dokumen HTML anda, tambahkan yang berikut:

<code class="html"><body onload="checkIframeLoaded();"></code>

Salin selepas log masuk

Fungsi ini menyemak secara berkala sifat readyState iFrame, yang menunjukkan status muatnya. Apabila readyState sama dengan 'lengkap,' iFrame telah dimuatkan dan anda boleh melaksanakan sebarang kod yang dikehendaki melalui fungsi afterLoading().

Atas ialah kandungan terperinci **Bagaimana untuk Menentukan dengan Boleh Dipercayai sama ada iFrame Telah Dimuat dan Mengandungi Kandungan?**. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!