Bagaimana untuk Memeriksa dengan Amanah sama ada IFrame Dimuat dan Bersedia untuk Interaksi dalam JavaScript?

Cara Semak sama ada IFrame Dimuatkan atau Mempunyai Kandungan

Apabila berurusan dengan iframe yang boleh mengambil masa yang berbeza-beza untuk dimuatkan, ia menjadi perlu untuk menentukan status pemuatannya. Artikel ini membentangkan penyelesaian yang boleh dipercayai untuk menyemak sama ada iframe dimuatkan atau mempunyai kandungan.

Kod yang disediakan menggunakan fungsi setTimeout JavaScript untuk menyemak status iframe secara berkala. Kuncinya di sini terletak pada fungsi checkIframeLoaded, yang menggunakan pendekatan rekursif untuk terus menyemak sifat readyState iframe.

Jika proses pemuatan selesai, seperti yang ditunjukkan oleh nilai readyState bagi "lengkap," fungsi afterLoading dipanggil. Fungsi ini melakukan tindakan yang diingini selepas iframe dimuatkan.

Berikut ialah coretan kod:

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

    // Check loading status
    if (iframeDoc.readyState == 'complete') {
        // Loading complete, call afterLoading function
        afterLoading();
        return;
    } 

    // Not loaded, check again in 100 milliseconds
    window.setTimeout(checkIframeLoaded, 100);
}

function afterLoading(){
    alert("Iframe loaded");
}</code>

Untuk menggunakan penyelesaian ini, cuma masukkan kod dalam teg badan HTML anda atau panggil checkIframeLoaded secara manual apabila iframe sedia untuk dimuatkan. Pendekatan ini berkesan mengendalikan masa pemuatan iframe yang berbeza-beza dan membolehkan anda melakukan tindakan sebaik sahaja iframe dimuatkan sepenuhnya atau mempunyai kandungan.

Atas ialah kandungan terperinci Bagaimana untuk Memeriksa dengan Amanah sama ada IFrame Dimuat dan Bersedia untuk Interaksi dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!