Bagaimanakah Saya Boleh Menggayakan Kandungan iFrame dengan CSS?

Menggayakan iFrame dengan CSS

Untuk meningkatkan penampilan iFrame, selalunya wajar untuk menggunakan CSS tersuai pada kandungannya. Walau bagaimanapun, memandangkan kandungan rujukan iFrames daripada asal yang berbeza, sekatan merentas domain boleh menghalang aplikasi CSS langsung.

Untuk situasi di mana kandungan iFrame dimuatkan melalui fail setempat (mis., fail://), di mana silang- dasar domain tidak terpakai:

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

Ingat bahawa pendekatan ini mungkin mempunyai implikasi keselamatan, jadi adalah penting untuk memahami potensi risiko sebelum pelaksanaan. Untuk mendapatkan maklumat lanjut tentang pengendalian risiko ini, rujuk panduan untuk melumpuhkan dasar asal yang sama dalam Safari.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Kandungan iFrame dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!