Bagaimana untuk Mengakses Iframe Induk daripada JavaScript?

Mengakses Iframe Induk daripada JavaScript

Dalam pembangunan web, mungkin perlu berinteraksi dengan iframe induk daripada halaman yang dimuatkan di dalamnya. Ini boleh dicapai menggunakan JavaScript, membolehkan anda memanipulasi atau mendapatkan semula maklumat daripada bingkai induk.

Mari kita pertimbangkan senario di mana berbilang iframe dengan kandungan yang dijana secara dinamik dimuatkan. Setiap iframe mungkin mengandungi halaman yang sama, tetapi untuk tujuan tertentu, adalah penting untuk mengenal pasti iframe yang perlu ditutup. Untuk melakukan ini, tatasusunan dikekalkan untuk menyimpan rujukan kepada iframe ini.

Untuk mengakses iframe induk daripada halaman yang dimuatkan, anda boleh menggunakan pendekatan berikut:

1. Tetapkan ID dan Nama Unik kepada iframe:
   Tetapkan kedua-dua id dan atribut nama iframe kepada nilai yang sama.

   <iframe>

   Salin selepas log masuk

2. Dapatkan Bingkai Induk daripada Halaman Dimuatkan:
   Dalam halaman anak (iaitu halaman yang dimuatkan di dalam iframe), gunakan kod berikut untuk mengakses iframe induk:

   parent.document.getElementById(window.name);

   Salin selepas log masuk

Dengan mengikuti kaedah ini, anda boleh mewujudkan sambungan antara halaman anak dan iframe induknya, membolehkan anda memanipulasi iframe atau mengumpulkan maklumat daripadanya secara pengaturcaraan.

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