iframe yüklendiğini nasıl anlayabilirim?

Birkaç yöntem vardır:

1. load olayı aracılığıyla: En yaygın ve güvenilir yöntem.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     // iframe yüklendikten sonra çalışan kod
     console.log('iframe yüklendi!');
   };
   

2. HTML'deki onload özniteliği aracılığıyla:

   <iframe src="somepage.html" onload="iframeLoaded()"></iframe>
   
   <script>
   function iframeLoaded() {
     // Yükleme sonrası kod
     console.log('iframe onload özniteliği kullanılarak yüklendi!');
   }
   </script>
   

3. iframe içindeki document.readyState durumunu kontrol etme (iframe içeriğine erişiminiz varsa):

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     const iframeDoc = iframeElement.contentDocument || iframeElement.contentWindow.document;
   
     if (iframeDoc.readyState === 'complete') {
       // iframe içindeki DOM'un tamamen yüklenmesi sonrası kod
       console.log('iframe DOM tamamen yüklendi!');
     }
   };
   

   Bu yöntem, iframe içindeki tüm kaynakların (resimler, scriptler) hazır olup olmadığını belirlemede daha az güvenilirdir; load olayı daha uygundur.

4. addEventListener kullanımı: Daha modern bir olay dinleme yöntemidir.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.addEventListener('load', function() {
     // iframe yüklendikten sonra kod
     console.log('addEventListener ile iframe yüklendi!');
   });
   

Yöntem seçimi bağlama ve tercihlere bağlıdır, ancak load olayı iframe'in tam yüklenmesini, tüm kaynaklar dahil olmak üzere, belirlemede en evrensel ve güvenilir olanıdır.