So ermitteln Sie, ob das Laden des Iframes abgeschlossen ist

So beurteilen Sie, wann der Iframe-Ladevorgang abgeschlossen ist: Codebeispiel

Wenn in der Webentwicklung externe Seiten oder andere Webseiten geladen werden müssen, wird häufig das Iframe-Tag verwendet. Manchmal müssen wir jedoch nach dem Laden des Iframes einige Vorgänge ausführen, z. B. den Inhalt im Iframe abrufen oder JavaScript-Code ausführen. Daher ist es eine sehr wichtige Aufgabe, zu beurteilen, ob das Laden des Iframes abgeschlossen ist.

Im Folgenden werde ich verschiedene Methoden vorstellen, um festzustellen, ob der Iframe geladen ist, und spezifische Codebeispiele bereitstellen.

1. Verwenden Sie das Onload-Ereignis von Iframe
   Das Iframe-Tag stellt ein Onload-Ereignis bereit, das ausgelöst wird, wenn der Inhalt im Iframe geladen wird. Wir können feststellen, ob der Iframe geladen ist, indem wir einen versteckten Iframe in die Seite einbetten und dessen Onload-Ereignis abhören.

HTML-Code:

<iframe id="myIframe" src="external.html" style="display:none;"></iframe>

JavaScript-Code:

var iframe = document.getElementById("myIframe");
iframe.onload = function() {
  // iframe加载完成后执行的操作
  console.log("iframe加载完成");
};

2. Verwendung des contentWindow-Attributs von iframe
   Über das contentWindow-Attribut von iframe können wir das Fensterobjekt der eingebetteten Seite abrufen. Mithilfe dieses Objekts können wir feststellen, ob das Dokument im Iframe geladen wurde.

HTML-Code:

<iframe id="myIframe" src="external.html"></iframe>

JavaScript-Code:

var iframe = document.getElementById("myIframe");
var iframeWindow = iframe.contentWindow;

var checkIframeLoaded = function() {
  if (iframe && iframe.contentDocument.readyState === 'complete') {
    // iframe加载完成后执行的操作
    console.log("iframe加载完成");
  } else {
    // 等待iframe加载完成
    setTimeout(checkIframeLoaded, 100);
  }
};

checkIframeLoaded();

3. Verwenden Sie die Ready-Methode von jQuery.
   Wenn die jQuery-Bibliothek im Projekt verwendet wird, können Sie die bereitgestellte Ready-Methode verwenden, um festzustellen, ob der Iframe geladen ist.

HTML-Code:

<iframe id="myIframe" src="external.html"></iframe>

JavaScript-Code:

$(document).ready(function() {
  $('#myIframe').on('load', function() {
    // iframe加载完成后执行的操作
    console.log('iframe加载完成');
  });
});

Oben finden Sie mehrere Methoden und Codebeispiele, um festzustellen, wann das Laden des Iframes abgeschlossen ist. Wählen Sie entsprechend der tatsächlichen Situation die geeignete Methode aus, um das Abschlussereignis des Iframe-Ladens zu überwachen und zu verarbeiten. Ich hoffe, dieser Artikel hilft Ihnen bei der Beurteilung, ob der Iframe geladen ist!

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob das Laden des Iframes abgeschlossen ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!