როგორ გავიგოთ, რომ iframe იტვირთა?

არსებობს რამდენიმე გზა:

1. მიერ მოვლენის load: ყველაზე გავრცელებული და საიმედო მეთოდი.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     // კოდი, რომელიც შესრულდება iframe-ის ჩატვირთვის შემდეგ
     console.log('iframe ჩატვირთულია!');
   };
   

2. მიერ HTML-ის onload ატრიბუტის გამოყენებით:

   <iframe src="somepage.html" onload="iframeLoaded()"></iframe>
   
   <script>
   function iframeLoaded() {
     // ჩატვირთვის შემდეგ კოდი
     console.log('iframe ჩატვირთულია onload ატრიბუტის გამოყენებით!');
   }
   </script>
   

3. შესამოწმებელი document.readyState მდგომარეობა iframe-ის შიგნით (თუ გაქვთ წვდომა iframe-ის შიგთავსზე):

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.onload = function() {
     const iframeDoc = iframeElement.contentDocument || iframeElement.contentWindow.document;
   
     if (iframeDoc.readyState === 'complete') {
       // კოდი, რომელიც შესრულდება DOM-ის სრული ჩატვირთვის შემდეგ iframe-ის შიგნით
       console.log('iframe DOM სრულად ჩატვირთულია!');
     }
   };
   

   ეს მეთოდი ნაკლებად საიმედოა ყველა რესურსის (სურათების, სკრიპტების) ჩატვირთვის განსაზღვრაში, load მოვლენა უფრო შესაფერისია ამისთვის.

4. addEventListener-ის გამოყენება: თანამედროვე მეთოდი მოვლენის გამოწერისთვის.

   const iframeElement = document.getElementById('myIframe');
   
   iframeElement.addEventListener('load', function() {
     // კოდი iframe-ის ჩატვირთვის შემდეგ
     console.log('iframe ჩატვირთულია `addEventListener`-ის გამოყენებით!');
   });
   

მეთოდის არჩევანი დამოკიდებულია კონტექსტზე და პრეფერენცებზე, მაგრამ load მოვლენა ყველაზე უნივერსალურია და საიმედო iframe-ის სრული ჩატვირთვის განსაზღვრაში, მათ შორის ყველა რესურსის ჩატვირთვაში.