iframe 창 높이 적응_javascript 기술 구현 방법
domainA에 index.html 페이지가 있고 domainB에 other.html 페이지가 iframe을 통해 중첩되어 있습니다.
other.html 페이지가 iframe에 표시되고 페이지 콘텐츠가 동적으로 늘어나거나 감소, 이제 iframe의 스크롤바를 제거해야 합니다
JavaScript 동일 출처 정책의 제한으로 인해 도메인 간 작업을 수행할 수 없어 문제가 더 어려워졌습니다
온라인을 참조한 후 practice, 에이전트 페이지 또는 Agent.html이 domainA에 속합니다
그런 다음 domainB의 other.html에서 iframe을 사용하여 agent.html을 중첩합니다.
자, 이제 상황은 이렇습니다.
index.html은 iframe을 사용하여 other.html을 중첩합니다.
other.html은 iframe을 사용하여 Agent.html을 중첩합니다.
세 번째를 소개해야 하는 이유 페이지 에이전트 .html은 "동일 출처 정책" 규칙을 준수하고 다른 도메인에서 매개변수 이전을 완료하는 것입니다!
우리의 궁극적인 목표는 스크롤 막대를 제거하고 포함된 모든 페이지 내용이 표시되도록 하는 것입니다
1. other.html 페이지의 실제 높이를 가져옵니다
2. 높이를 포함된 페이지로 설정합니다.
iframe의 src 속성에서 3. Agent.html
다음 예에서는 iframe의 높이를 연속적으로 설정하기 위해 setInterval()을 사용하지 않는 트릭이 사용됩니다.
이 방법은 브라우저가 다시 로드할 수 있도록 iframe의 src에 타임스탬프를 추가하는 것입니다. .html
그런 다음 Agent.hml의 js 함수인okeMethodInTopWindow()가 domainA에서
2 html
index.html
#{extends 'main.html' / }
#{제목 설정:'집' /}
< ;div style="text-align :center;">
agent.html
<본문>
저는 에이전트 페이지입니다!
< /body>