iframe yükləndiyini necə bilmək olar?

Bir neçə üsul mövcuddur:

1. load hadisəsi vasitəsilə: Ən ümumi və etibarlı üsul.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     // iframe yükləndikdən sonra işləyən kod
     console.log('iframe yükləndi!');
   };
   

2. HTML-də onload atributu vasitəsilə:

   <iframe src="somepage.html" onload="iframeLoaded()"></iframe>
   
   <script>
   function iframeLoaded() {
     // Yükləndikdən sonra kod
     console.log('iframe onload atributu ilə yükləndi!');
   }
   </script>
   

3. iframe daxilində document.readyState vəziyyətinin yoxlanması (əgər iframe məzmununa girişiniz varsa):

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     const iframeDoc = iframeElement.contentDocument || iframeElement.contentWindow.document;
   
     if (iframeDoc.readyState === 'complete') {
       // iframe daxilində DOM tam yükləndikdən sonra
       console.log('iframe DOM tam yükləndi!');
     }
   };
   

   Bu üsul iframe daxilindəki bütün resursların (şəkillər, skriptlər) hazır olub-olmadığını müəyyən etmək üçün daha az etibarlıdır; load hadisəsi bunun üçün daha uyğundur.

4. addEventListener istifadə edərək: Daha müasir bir hadisəyə abunə olma üsulu.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.addEventListener('load', function() {
     // iframe yükləndikdən sonra kod
     console.log('addEventListener ilə iframe yükləndi!');
   });
   

Yöntəm seçimi kontekstdən və üstünlüklərdən asılıdır, amma load hadisəsi iframe-in tam yüklənməsini, bütün resurslar daxil olmaqla, müəyyən etmək üçün ən ümumi və etibarlı yoldur.