페이지 도메인 관계 :
메인 페이지 A.HTML이 속한 도메인 A : www.vevb.com
Iframed Page B.html이 속한 도메인 B : www.jb51.cn, 주소를 가정합니다 : http://www.jb51.cn/b.html
효과를 실현하십시오 :
도메인 이름 A의 A.html 페이지는 Iframe을 통해 도메인 이름 B의 페이지에 포함됩니다. B.html의 너비와 높이는 예측할 수없고 변경되므로 A.html에서 iframe의 적응 형 크기가 필요합니다.
문제의 본질 :
JS가 크로스 도메인 iframes에 액세스하는 문제는 A.HTML에서 iframe의 높이와 폭을 제어하기 위해 먼저 B.html의 크기를 읽어야한다는 것입니다. A와 B는 동일한 도메인에 속하지 않습니다. 보안상의 이유로 브라우저는 JS에 대한 크로스 도메인 액세스를 제한하며 B.html의 높이와 너비를 읽을 수 없습니다.
해결책:
프록시 프록시 페이지 C.HTML은 A.HTML과 동일한 도메인 A에 속합니다. C.HTML은 A 도메인 아래에 제공된 좋은 중간 프록시 페이지입니다. c.html의 주소가 www.vevb.com/c.html이라고 가정하면 Location.hash의 너비와 높이 값을 읽은 다음 동일한 도메인에서 A.html에서 iframe의 너비와 높이를 설정해야합니다.
코드는 다음과 같습니다.
A.html 코드
먼저, B.html은 a.html의 iframe을 통해 소개되었습니다
<iframe id = b_iframe height = 0 ″ 너비 = 0 ″ src = http : //www.jb51.cn/b.html frameborder = no border = 0px marginwidth = 0 ″ Marginheight = 0 ″ scrolling = no alletransparency = 예> </iframe>
B.html 코드
코드를 복사하십시오