지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > location.hash를 사용하여 도메인 간 iframe 적응_javascript 기술 달성

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

WBOY
풀어 주다： 2016-05-16 18:28:18
원래의
1025명이 탐색했습니다.

페이지 도메인 관계:

메인 페이지 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 적응형 높이를 위한 다양한 방법 요약
관련 라벨：
iframe 적응형
원천：php.cn
이전 기사：Javascript는 array_javascript 팁에서 중복 요소를 제거합니다. 다음 기사：JavaScript가 함수 프롬프트 효과 code_javascript 기술을 업로드 중입니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
R 함수로 생성된 HTML 삽입 동적으로 HTML을 빌드하고 해당 HTML을 4절판으로 렌더링하고 싶습니다. 실제 애플리케이션에는 iFrame 삽입이 포함되지만 단순화를 위해 <img>...
에서 2024-04-01 20:51:51
0
1
367
Embed/iframe은 항상 전체 높이입니다. "높이"가 다른 여러 HTML 파일을 삽입했습니다. 삽입된 콘텐츠 대신 부모를 스크롤할 수 있도록 삽입된 콘텐츠가 항상 상위 div를 채우도록 ...
에서 2024-03-31 09:50:18
0
1
400
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿