別のドメインの iFrame に CSS を追加するにはどうすればよいですか?

iFrame への CSS の追加

iframe が別のドメインから読み込まれる場合、CSS を直接適用するのは難しい場合があります。次の解決策は、この問題に対処します。

スタイル シートの変更

解決策に基づいて、CSS を追加する方法を次に示します。

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>

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>

潜在的なセキュリティ上の懸念

セキュリティ上の懸念があることに注意してくださいSafari で同一生成元ポリシーを無効にすると、この問題が発生する可能性があります。安全な実装を確保するには、適切な措置を講じる必要があります。

以上が別のドメインの iFrame に CSS を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。