콘텐츠에 맞게 Iframe의 크기를 동적으로 조정하려면 어떻게 해야 합니까?-PHP 튜토리얼-php.cn

콘텐츠에 맞게 Iframe의 크기를 동적으로 조정하려면 어떻게 해야 합니까?

Barbara Streisand

풀어 주다： 2024-10-26 19:44:02

원래의

366명이 탐색했습니다.

How Can I Dynamically Resize an Iframe to Fit Its Content?

콘텐츠에 따라 iframe 높이를 동적으로 조정

질문:

웹사이트 내에 iframe을 통합하는 것의 목표는 다음과 같습니다. iframe의 적절한 높이를 동적으로 결정합니다. 이상적으로 iframe은 스크롤 막대 없이 표시되는 콘텐츠에 적응해야 하며 웹사이트 내의 원활한 통합과 유사해야 합니다.

답변:

처음에 JavaScript를 사용하여 높이를 계산하려고 시도하는 동안 액세스 거부 권한으로 인해 진행이 방해되었습니다. . 이후 Ajax나 PHP 사용에 대한 고려가 이루어졌습니다.

그러나 해결책은 window.onload 내 iframe 페이지의 트리거를 활용하여 본문 높이를 상위 페이지에 전달하는 것입니다. 그런 다음 상위 요소는 이에 따라 iframe 높이를 조정합니다.

<code class="html"><body onload='parent.resizeIframe(document.body.scrollHeight)'></code>

로그인 후 복사

<code class="javascript">function resizeIframe(newHeight)
{
    document.getElementById('blogIframe').style.height = parseInt(newHeight,10) + 10 + 'px';
}</code>

로그인 후 복사

iframe이 처음에는 기본 높이로 나타날 수 있지만 처음에 로드 이미지를 표시하고 iframe을 숨기면 이 문제를 완화할 수 있습니다. resizeIframe 함수가 높이 업데이트를 수신하면 로딩 이미지를 제거하고 iframe을 표시하여 Ajax와 같은 경험을 시뮬레이션할 수 있습니다.

또는 도메인 간 제한이 발생하는 경우 프록시 PHP 스크립트를 사용하여 삽입을 용이하게 할 수 있습니다. 그러나 제어를 극대화하고 구현을 쉽게 하려면 PHP를 통해 블로그의 RSS 피드를 직접 삽입하는 것이 실행 가능한 솔루션입니다.

위 내용은 콘텐츠에 맞게 Iframe의 크기를 동적으로 조정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!