Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengesan Perubahan Sumber iFrame daripada Halaman Induk?

Bagaimana untuk Mengesan Perubahan Sumber iFrame daripada Halaman Induk?

DDD
Lepaskan: 2024-11-05 05:39:02
asal
905 orang telah melayarinya

How to Detect iFrame Source Changes from the Parent Page?

Cara Mengesan Perubahan Sumber iFrame pada Halaman Induk

Apabila anda kurang kawalan ke atas kandungan dalam iFrame, ia boleh menjadi mencabar untuk memantau perubahan pada URL sumbernya. Walau bagaimanapun, terdapat teknik yang boleh anda gunakan untuk mengesan peristiwa ini melalui halaman induk.

Satu pilihan ialah menggunakan acara onLoad. Dengan menambahkan atribut onLoad pada elemen iFrame anda, anda boleh menentukan fungsi untuk dilaksanakan apabila sumber iFrame berubah. Contohnya:

<code class="html"><iframe src="http://www.google.com/" onLoad="alert('Test');"></iframe></code>
Salin selepas log masuk

Persediaan ini akan mencetuskan amaran setiap kali lokasi dalam iFrame diubah suai. Ia berfungsi dalam kebanyakan penyemak imbas moden, tetapi mungkin tidak berfungsi dalam penyemak imbas lama (cth., IE5, Opera awal).

Sebagai alternatif, jika iFrame memaparkan halaman dalam domain yang sama dengan induk, anda boleh mengakses lokasi iFrame melalui contentWindow.location. Ini membolehkan anda memantau perubahan secara terus:

<code class="html"><iframe src="/test.html" onLoad="alert(this.contentWindow.location);"></iframe></code>
Salin selepas log masuk

Pendekatan ini menyediakan cara yang boleh dipercayai untuk mengesan perubahan sumber iFrame, menghapuskan keperluan untuk penyelesaian godam seperti ujian selang waktu.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Perubahan Sumber iFrame daripada Halaman Induk?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan