iframe 크로스 도 메 인 통신
3338 단어 iframe
통계 적 인 JS 는 저희 가 제공 하고 핫 이 슈 도 를 제공 해 야 합 니 다.
처음부터 부 딪 힌 문 제 는 페이지 높이 를 모 르 고 하위 페이지 전송 페이지 높이 를 IFRAME 를 적당 한 높이 로 끌 어 올 리 는 데 사용 해 야 한 다 는 것 이다.
당시 에 구상 한 것 은
JS 가 부모 프레임 워 크 를 호출 하여 설정 값 을 통계 합 니 다.
그러나 브 라 우 저 에서 보안 문 제 를 직접 보고 하여 JS 크로스 도 메 인 실행 을 허용 하지 않 습 니 다.
나 는 다른 방법 을 통 해 도 메 인 간 통신 을 실현 했다.
브 라 우 저 에서 URL 주 소 를 직접 비교 하 는 지 확인 하기 때 문 입 니 다.
도 메 인 이 일치 하면 접근 을 허용 합 니 다.
제 가 통계 JS 에 적 었 어 요.
<iframe src= JS " width=0 height=0/>
그리고 부모 프레임 워 크 실행 JS 주소 에 스 크 립 트 를 기록 합 니 다.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 </head>
5 <body>
6 <script>
7 var parent = window.parent.parent.API;
8 parent.setHeight(100);
9 </script>
10
11 </body>
12 </html>
그리고 주소 에 데 이 터 를 추가 합 니 다. GET 를 이 페이지 에 추가 합 니 다.
그럼 도 메 인 을 넘 어 통신 할 수 있 겠 네요...
여러분 에 게 더 좋 은 방법 이 있다 면 알려 주세요!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
puppeteer로 iframe의 요소를 조작합니다.iframe내에 버튼을 준비해, 그 버튼을 누르면 버튼의 색이 바뀌는 만큼의 페이지를 만듭니다. app/index.html app/iframe.html puppeteer의 코드를 작성합니다. app/script.js...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.