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 толук жүктөлүшүн, анын бардык ресурстары менен бирге, аныктоодо эң универсалдуу жана ишенимдүү.