Bagaimana untuk menentukan sama ada pemuatan iframe selesai

Cara menilai apabila pemuatan iframe selesai: contoh kod

Dalam pembangunan web, apabila halaman luaran atau halaman web lain perlu dimuatkan, tag iframe sering digunakan. Walau bagaimanapun, kadangkala kita perlu melakukan beberapa operasi selepas iframe dimuatkan, seperti mendapatkan kandungan dalam iframe atau melaksanakan beberapa kod JavaScript. Oleh itu, menilai bahawa pemuatan iframe selesai adalah tugas yang sangat penting.

Di bawah saya akan kongsikan beberapa kaedah untuk menentukan sama ada iframe dimuatkan dan memberikan contoh kod tertentu.

1. Gunakan acara onload iframe
   Teg iframe menyediakan acara onload, yang akan dicetuskan apabila kandungan dalam iframe dimuatkan. Kita boleh menentukan sama ada iframe dimuatkan dengan membenamkan iframe tersembunyi dalam halaman dan mendengar acara onloadnya.

Kod HTML:

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

Kod JavaScript:

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

2. Menggunakan atribut contentWindow iframe
   Melalui atribut contentWindow iframe, kita boleh mendapatkan objek tetingkap halaman terbenam. Menggunakan objek ini, kita boleh menentukan sama ada dokumen dalam iframe telah dimuatkan.

Kod HTML:

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

Kod JavaScript:

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. Gunakan kaedah sedia jQuery
   Jika perpustakaan jQuery digunakan dalam projek, anda boleh menggunakan kaedah sedia yang disediakan untuk menentukan bahawa iframe dimuatkan.

Kod HTML:

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

Kod JavaScript:

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

Di atas adalah beberapa kaedah dan contoh kod untuk menentukan bila iframe dimuatkan. Pilih kaedah yang sesuai mengikut situasi sebenar untuk memantau dan memproses acara penyiapan pemuatan iframe. Saya harap artikel ini akan membantu anda apabila menilai sama ada iframe dimuatkan!

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada pemuatan iframe selesai. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!