다른 도메인의 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!