location.hash를 사용하여 도메인 간 iframe 적응_javascript 기술 달성

페이지 도메인 관계:

메인 페이지 a.html은 도메인 A: www.jb51.net에 속합니다.
Iframed 페이지 b.html은 도메인 B: www.baidu에 속합니다. .com, 주소 가정: http://www.baidu.com/b.html

성취 효과:

A 도메인 이름 아래의 페이지 a.html이 전달됩니다. iframe은 B 도메인 이름 아래의 b.html 페이지에 포함되어 있습니다. b.html의 너비와 높이는 예측할 수 없고 변경될 수 있으므로 a.html의 iframe 크기를 적응적으로 조정해야 합니다.

문제의 본질 :

js에는 도메인 간 iframe 액세스에 문제가 있습니다. a.html에서 iframe의 높이와 너비를 제어하려면 먼저 b.html의 크기와 A와 B는 동일한 도메인에 속하지 않습니다. 보안상의 이유로 브라우저는 js의 도메인 간 액세스를 제한하고

의 높이와 너비를 읽을 수 없습니다. 해결책:

소개 프록시 페이지 c.html과 a.html은 동일한 도메인 A에 속합니다. c.html은 도메인 A에서 제공되는 좋은 중간 프록시 페이지입니다. c의 주소가 가정됩니다. html은 다음과 같습니다: www.jb51.net/c.html, 읽기를 담당합니다. location.hash의 너비 및 높이 값은 동일한 도메인의 a.html에 있는 iframe의 너비 및 높이로 설정됩니다.

코드는 다음과 같습니다.

a.html 코드

먼저 a.html에서 iframe을 통해 b.html을 소개합니다

코드 복사 코드는 다음과 같습니다.

c. html 코드

코드 복사 코드는 다음과 같습니다.

a.html의 iframe은 너비와 b.html의 높이

다른 유사한 js 도메인 간 작업 문제도 이 아이디어에 따라 해결될 수 있습니다

크로스 도메인 액세스가 아닌 경우 이 문서를 참조할 수 있습니다.
iframe 적응형 높이를 위한 다양한 방법 요약

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.