Wie füge ich CSS zu iFrames aus einer anderen Domain hinzu?

CSS zu iFrames hinzufügen

In Fällen, in denen Iframes von einer anderen Domain geladen werden, kann die direkte Anwendung von CSS eine Herausforderung sein. Die folgende Lösung behebt dieses Problem.

Ändern von Stylesheets

Basierend auf Lösungen finden Sie hier Methoden zum Hinzufügen von CSS:

Verwendung von 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>

Verwendung von 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>

Potenzielle Sicherheitsbedenken

Beachten Sie, dass Sicherheitsbedenken bestehen kann auftreten, wenn die Same-Origin-Richtlinie in Safari deaktiviert wird. Für eine sichere Umsetzung sollten entsprechende Maßnahmen getroffen werden.

Das obige ist der detaillierte Inhalt vonWie füge ich CSS zu iFrames aus einer anderen Domain hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!