Bagaimana untuk Menambah CSS ke iFrames daripada Domain Berbeza?

Menambah CSS pada iFrames

Dalam kes di mana iframe dimuatkan dari domain yang berbeza, menggunakan CSS secara langsung boleh menjadi satu cabaran. Penyelesaian berikut menangani isu ini.

Mengubah Suai Helaian Gaya

Berdasarkan penyelesaian, berikut ialah kaedah untuk menambah CSS:

Menggunakan JavaScript :

<code class="js">var cssLink = document.createElement("link");
cssLink.href = "file://path/to/style.css";
cssLink.rel = "stylesheet";
cssLink.type = "text/css";
frames['iframe'].document.body.appendChild(cssLink);</code>

Menggunakan jQuery:

<code class="js">var $head = $("iframe").contents().find("head");
$head.append($("<link/>", { rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" }));</code>

Potensi Kebimbangan Keselamatan

Perhatikan bahawa kebimbangan keselamatan mungkin timbul apabila melumpuhkan dasar asal yang sama dalam Safari. Langkah-langkah yang sewajarnya perlu diambil untuk memastikan pelaksanaan selamat.

Atas ialah kandungan terperinci Bagaimana untuk Menambah CSS ke iFrames daripada Domain Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!