Bagaimana Untuk Mengakses dan Menggayakan Elemen Dalam Iframe?

Mengakses Elemen Dalam Iframe

Apabila menggunakan iframe untuk membenamkan kandungan luaran, anda mungkin menghadapi persoalan tentang cara memanipulasi atau menggayakan elemen terkandung dalam. Walaupun iframe menyediakan cara untuk memasukkan kandungan luaran, ia juga mencipta konteks pemaparan berasingan yang mengehadkan keupayaan untuk menggunakan CSS terus daripada halaman induk.

Had Silang Asal

Disebabkan oleh langkah keselamatan silang asal, CSS tidak boleh digunakan pada elemen dalam iframe daripada halaman induk jika domain dua halaman tidak sepadan. Sekatan ini dikuatkuasakan untuk menghalang skrip berniat jahat daripada mengakses dan mengubah suai kandungan daripada asal yang berbeza.

Komunikasi Berasaskan JavaScript

Jika kandungan iframe berasal dari domain yang sama dengan halaman induk, komunikasi JavaScript menjadi mungkin. Melalui saluran ini, kod JavaScript dalam halaman induk boleh berinteraksi dengan Model Objek Dokumen (DOM) iframe. Interaksi ini mungkin termasuk menyuntik CSS ke dalam dokumen iframe.

Penghadan pada Suntikan CSS

Walaupun dengan komunikasi JavaScript, terdapat had pada CSS yang boleh disuntik ke dalam iframe. Sebagai contoh, anda tidak boleh menggunakan peraturan CSS secara langsung kepada elemen individu dalam iframe. Sebaliknya, anda perlu menggunakan JavaScript untuk mengubah suai helaian gaya CSS iframe atau mencipta peraturan CSS baharu secara dinamik.

Sekatan Kandungan Luaran

Apabila kandungan iframe berasal daripada domain yang berbeza , tiada cara untuk memanipulasi unsurnya secara langsung atau menggunakan CSS daripada halaman induk. Halaman induk dihadkan untuk mengawal saiz, keterlihatan dan kedudukan iframe, manakala pemaparan kandungan sebenar kekal tidak boleh diakses.

Atas ialah kandungan terperinci Bagaimana Untuk Mengakses dan Menggayakan Elemen Dalam Iframe?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!