집 >백엔드 개발 >PHP 튜토리얼 >Ajax나 PHP 없이 Iframe의 크기를 동적으로 조정하는 방법은 무엇입니까?

Ajax나 PHP 없이 Iframe의 크기를 동적으로 조정하는 방법은 무엇입니까?

How to Dynamically Resize Iframes Without Ajax or PHP?

동적 Iframe 크기 조정: 높이 제약 극복

iframe에 외부 콘텐츠를 삽입할 때 높이를 동적으로 조정하여 불필요한 스크롤 막대를 제거하는 것이 중요합니다. . 접근성 문제를 방지하고 원활한 단일 페이지 환경을 유지하기 위해 Ajax 또는 PHP 이외의 옵션을 살펴보겠습니다.

해결책: JavaScript를 사용한 도메인 간 통신

안타깝습니다. , Ajax 및 PHP는 도메인 간 제한으로 인해 이 시나리오에서는 부족합니다. 대신 JavaScript를 사용하여 iframe의 콘텐츠와 상위 페이지 간의 도메인 간 상호 작용을 시작합니다.

1단계: Iframed 페이지에서 높이 계산 트리거

이 코드를 iframe 본문에 삽입하세요.

<body onload='parent.resizeIframe(document.body.scrollHeight)'>

2단계: 상위 페이지의 크기 조정 기능

상위 페이지의 JavaScript에서 iframe의 높이를 조정하는 함수를 정의합니다.

function resizeIframe(newHeight)
{
  document.getElementById('blogIframe').style.height = parseInt(newHeight,10) + 10 + 'px';
}

초기 높이 처리 및 로드

제한 사항 및 고려 사항

솔루션은 동일한 도메인 내에서 작동합니다. 도메인 간 삽입의 경우 PHP 프록시 스크립트를 사용하거나 블로그의 RSS 피드를 직접 삽입하는 것이 좋습니다.

위 내용은 Ajax나 PHP 없이 Iframe의 크기를 동적으로 조정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：