Rumah > Artikel > hujung hadapan web > **Bagaimana untuk Menentukan dengan Boleh Dipercayai sama ada iFrame Telah Dimuat dan Mengandungi Kandungan?**

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

DDDasal: 2024-10-24 21:48:03705semak imbas

**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>

Dalam daripada dokumen HTML anda, tambahkan yang berikut:

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

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!

JavaScript html if for Property function this 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 Menentukan sama ada iFrame Telah Dimuat dan Mengandungi Kandungan?Artikel seterusnya：Bagaimana untuk Menentukan sama ada iFrame Telah Dimuat dan Mengandungi Kandungan?

Artikel berkaitan

Lihat lagi