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

Cara Menentukan Muatan iFrame atau Kehadiran Kandungan

Masalah:

Anda mencari kaedah untuk memastikan sama ada iFrame telah berjaya dimuatkan atau mengandungi kandungan, kerana pendekatan standard mungkin tidak mencukupi. Menentukan keadaan dimuatkan adalah penting untuk mencetuskan tindakan tertentu atau mengendalikan senario di mana pemuatan mengambil masa yang berlebihan.

Penyelesaian:

Untuk menangani isu ini dengan berkesan, pertimbangkan pendekatan berikut:

<script><br>function checkIframeLoaded() {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// Obtain the iFrame element
var iframe = document.getElementById('i_frame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

// Evaluate loading status
if (  iframeDoc.readyState  == 'complete' ) {
    // Loading is completed; execute desired functionality
    afterLoading();
    return;
} 

// Loading is incomplete; re-check in 100 milliseconds
window.setTimeout(checkIframeLoaded, 100);

Salin selepas log masuk

}

function afterLoading(){

alert("I am here");

}

Skrip ini beroperasi seperti berikut:

1. Dapatkan Elemen iFrame: Skrip mencari elemen iFrame mengikut IDnya.
2. Semak Status Pemuatan: Ia memeriksa sifat readyState iFrame. Apabila ditetapkan kepada 'selesai,' ia menunjukkan bahawa pemuatan selesai dan mencetuskan fungsi afterLoading().
3. Pemeriksaan Rekursif: Jika pemuatan tidak selesai, skrip menunggu 100 milisaat sebelum semula menilai status iFrame. Pendekatan rekursif ini memastikan bahawa skrip menyemak secara berkala sehingga pemuatan selesai.
4. Laksanakan Fungsi Tersuai: Setelah selesai, fungsi afterLoading() boleh digunakan untuk menjalankan sebarang tindakan yang diingini, seperti memaparkan pemberitahuan atau memproses selanjutnya kandungan yang dimuatkan.

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