Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mengakses Iframe Induk daripada JavaScript?

Bagaimana untuk Mengakses Iframe Induk daripada JavaScript?

Susan Sarandon
Susan Sarandonasal
2024-11-06 00:59:02835semak imbas

How to Access Parent Iframe from 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>
  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);

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!

Kenyataan:
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