Apakah acara mendengar iframe?

acara pemantauan iframe termasuk acara onload, acara onunload, onbeforeunload event, onmessage event, onerror event, dsb. Penerangan terperinci: 1. Tambah acara onload, yang dicetuskan apabila kandungan dalam iframe dimuatkan; 2. Tambah acara onunload, yang dicetuskan apabila kandungan dalam iframe dinyahmuatkan; dicetuskan sebelum kandungan dalam iframe dipunggah dsb.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

iframe ialah teg dalam HTML yang membenarkan halaman web atau dokumen lain dibenamkan dalam halaman web. Dengan menggunakan iframe, kami boleh membenamkan halaman web atau dokumen lain ke dalam halaman semasa, dengan itu mencapai sarang halaman dan interaksi.

Apabila menggunakan iframe, kita boleh mengawal dan berinteraksi dengan iframe dengan mendengar acara yang berbeza. Berikut ialah beberapa peristiwa iframe biasa:

1 acara onload: Dicetuskan apabila kandungan dalam iframe dimuatkan. Anda boleh mendengar acara ini dengan menambahkan atribut onload pada teg iframe, contohnya:

<iframe src="example.html" onload="iframeLoaded()"></iframe>

Dalam kod di atas, apabila kandungan dalam iframe dimuatkan, fungsi bernama iframeLoaded akan dipanggil.

2. Acara onunload: Dicetuskan apabila kandungan dalam iframe dipunggah. Anda boleh mendengar acara ini dengan menambahkan atribut onunload pada teg iframe, contohnya:

<iframe src="example.html" onunload="iframeUnloaded()"></iframe>

Dalam kod di atas, apabila kandungan dalam iframe dipunggah, fungsi bernama iframeUnloaded akan dipanggil.

3. pada acara sebelum pemuatan: Dicetuskan sebelum kandungan dalam iframe dipunggah. Anda boleh mendengar acara ini dengan menambahkan atribut onbeforeunload pada teg iframe, contohnya:

<iframe src="example.html" onbeforeunload="iframeBeforeUnload()"></iframe>

Dalam kod di atas, apabila kandungan dalam iframe hendak dipunggah, fungsi bernama iframeBeforeUnload akan dipanggil.

4. pada acara mesej: Dicetuskan apabila kandungan dalam iframe menghantar mesej ke halaman induk. Acara ini boleh didengari dengan menggunakan kaedah window.addEventListener dalam halaman induk, contohnya:

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
  // 处理接收到的消息
}

Dalam kod di atas, apabila kandungan dalam iframe menghantar mesej ke halaman induk, fungsi bernama receiveMessage akan dipanggil untuk memproses maklumat yang diterima.

5. Peristiwa kesalahan: Dicetuskan apabila kandungan dalam iframe gagal dimuatkan. Anda boleh mendengar acara ini dengan menambahkan atribut onerror pada teg iframe, contohnya:

<iframe src="example.html" onerror="iframeError()"></iframe>

Dalam kod di atas, apabila kandungan dalam iframe gagal dimuatkan, fungsi bernama iframeError akan dipanggil.

Dengan mendengar acara ini, kami boleh mengawal dan berinteraksi dengan pemuatan, pemunggahan, pemesejan, dll. iframes, dengan itu mencapai fungsi halaman web dan pengalaman pengguna yang lebih kaya.

Atas ialah kandungan terperinci Apakah acara mendengar iframe?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!