Чӣ тавр фаҳмидан, ки iframe бор шудааст?

Якчанд усул мавжуд:

1. load ҳодисаси орқали: Энг кенг тарқалган ва ишончли усул.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     // Ишга тушадиган код
     console.log('iframe юкланди!');
   };
   

2. HTMLда onload атрибути орқали:

   <iframe src="somepage.html" onload="iframeLoaded()"></iframe>
   
   <script>
   function iframeLoaded() {
     // Юклангандан кейинги код
     console.log('iframe `onload` атрибути орқали юкланди!');
   }
   </script>
   

3. iframe ичида document.readyState ҳолатини текшириш (агар сизга iframe мазмунига кириш имконияти бўлса):

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     const iframeDoc = iframeElement.contentDocument || iframeElement.contentWindow.document;
   
     if (iframeDoc.readyState === 'complete') {
       // DOM тўлиқ юклангандан кейин
       console.log('iframe DOM тўлиқ юкланди!');
     }
   };
   

   Бу усул iframe ичидаги барча ресурслар (расмлар, скриптлар) тайёрлигини аниқлашда камроқ ишончли; load ҳодисаси бу учун мос келади.

4. addEventListenerдан фойдаланиш: Замонавий усул.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.addEventListener('load', function() {
     // iframe юклангандан кейинги код
     console.log('addEventListener билан iframe юкланди!');
   });
   

Усулни танлаш контекст ва афзалликларга боғлиқ, аммо load ҳодисаси iframeнинг тўлиқ юкланишини, унинг барча ресурслари билан бирга, аниқлашда энг универсал ва ишончли ҳисобланади.