iframe yuklandi deb qanday bilish mumkin?

Bir nechta usul mavjud:

1. load hodisasi orqali: Eng keng tarqalgan va ishonchli usul.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     // iframe yuklangandan so'ng bajariladigan kod
     console.log('iframe yuklandi!');
   };
   

2. HTMLdagi onload atributi orqali:

   <iframe src="somepage.html" onload="iframeLoaded()"></iframe>
   
   <script>
   function iframeLoaded() {
     // Yuklashdan so'ng kod
     console.log('iframe onload atributi bilan yuklandi!');
   }
   </script>
   

3. iframe ichidagi document.readyState holatini tekshirish (agar iframe mazmuniga kirish imkoniyati bo'lsa):

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     const iframeDoc = iframeElement.contentDocument || iframeElement.contentWindow.document;
   
     if (iframeDoc.readyState === 'complete') {
       // iframe ichidagi DOM to'liq yuklanganidan so'ng
       console.log('iframe DOM to'liq yuklandi!');
     }
   };
   

   Bu usul iframe ichidagi barcha resurslar (rasmlar, skriptlar) tayyorligini aniqlashda kamroq ishonchli; load hodisasi bu uchun yaxshiroq.

4. addEventListener dan foydalanish: Zamonaviyroq usul.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.addEventListener('load', function() {
     // iframe yuklangandan so'ng
     console.log('addEventListener bilan iframe yuklandi!');
   });
   

Usul tanlovi kontekst va afzalliklarga bog'liq, ammo load hodisasi iframe ning to'liq yuklanishini, uning barcha resurslari bilan birga, aniqlashda eng universal va ishonchli hisoblanadi.