Bagaimana untuk Mengakses Iframe Induk daripada JavaScript Dalam Iframe Kanak-kanak?

Mengakses Iframe Induk daripada JavaScript

Dalam pembangunan web, selalunya perlu untuk berkomunikasi dan mengakses data antara bingkai pada domain yang sama atau berbeza . Artikel ini meneroka senario tertentu di mana anda mempunyai iframe yang dibenamkan pada halaman dan anda perlu mengakses iframe induk daripada JavaScript dalam kandungan iframe.

Anda memberikan beberapa butiran tambahan, seperti:

• Iframe induk berada pada domain yang sama dengan iframe anak.
• Berbilang iframe mungkin mengandungi halaman yang sama.
• Matlamatnya adalah untuk menutup iframe semasa dari dalam iframe kandungan.

Untuk menangani keperluan ini, terdapat beberapa pendekatan yang boleh anda pertimbangkan:

Menggunakan Window.opener

Hartanah ini menyediakan rujukan kepada tetingkap yang membuka tetingkap semasa. Jika iframe kanak-kanak dibuka oleh iframe induk, anda boleh menggunakan window.opener untuk mengakses objek tetingkap iframe induk dan memanipulasi DOMnya.

// Get the parent iframe's window object
var parentWindow = window.opener;

Menggunakan IFrames Induk

Pilihan lain ialah menggunakan sifat induk bagi objek dokumen iframe. Sifat ini memberikan rujukan kepada dokumen induk, yang seterusnya memberikan akses kepada objek tetingkap iframe induk.

// Get the parent iframe's window object
var parentWindow = parent.window;

Menetapkan Nama dan ID

Anda boleh menetapkan kedua-dua nama dan atribut id iframe kepada nilai yang sama. Ini membolehkan anda menggunakan parent.document.getElementById(window.name) untuk mendapatkan semula elemen iframe induk dari dalam iframe anak.

<iframe>

// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

Dengan memahami teknik ini, anda boleh mengakses dan berinteraksi dengan iframe induk daripada JavaScript dalam iframe anak, membolehkan anda melaksanakan fungsi yang anda inginkan, seperti menutup iframe atau mendapatkan semula data tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Iframe Induk daripada JavaScript Dalam Iframe Kanak-kanak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!