[iframe] iframe안에 있는 javascirpt가 실행될까?

해외 광고주가 스크립트를 iframe에 넣어버렸다.

왜 그런짓을 한거지? 라는 생각도 들었지만

궁금해졌다.

iframe안에 있는 javascirpt가 실행될까?

 

 

 

어제 알게된 nodeJS로 서버를 띄어보자

우선 server.js에 포트는 9090 열어주고..

localhost:9090/main  으로 접속 시 main.html을 띄우게 한다. 

server.js

 

main.html

main.html에는 iframe test1, tetst2 2개를 깔아주면 된다.

여기서는 test2에 연결된 test.html에 주목하면 된다.

test.html에 회사 스크립트를 심을 예정이다.

 

원리는 간단! main.html에 iframe 두개를 넣으면 이렇게 뜬다. test 글씨가 뜬 것은 test.html을 불러온 것이다.

 

 

 

test.html

 

1) test.html에  심심해서 img 태그를 넣어서 귀여운 냥코 센서를 띄어주었다.

2) 그리고 원래 목적인 test.html에 회사 javascript 코드들도 실행하는 함수를 넣어놨다. 

3) test.html에 추가로 test2(name) 이라는 커스텀 함수도 넣어놨다.

 

과연 main.html에서 test.html에 있는 javascript 함수들을 실행시킬 수있을 것인가??

 

 

상황1) main.html에 회사 javascirpt코드가 없는 상태 + test.html 회사 javascript 코드가 있는 상태 => 쿠키 생성 되는가? 포스트백을 생성하는가?

main.html : 회사 코드 없음

test.html : 회사 코드 있음

 

쿠키 생성 안됨

 

포스트백 생성 안됨

결론: main.html, test.html 둘다 쿠키 생성 안됨, 포스트백 생성 안됨

 

---

 

 

상황2) main.html에 회사 javascirpt코드 있음+ test.html 회사 javascript 코드가 있는 상태 => 쿠키 생성 되는가? 포스트백을 생성하는가?

 

main.html

 

 

 

 

test.html은 변동 없음

 

 

 

main.html에 쿠키 생성 됨

파란색 박스: main.html 포스트백 호출함

주황색 박스: test.html 내부, 빨간색 박스: test.html 에서 생성된 포스트백

결론: main.html에 쿠키생성됨, main.html, test.html 포스트백 생성됨

 

 

---

main.html에서

test.html에 있는 자바스크립트의 함수를 사용하는 방법이 없을까?

 

contestWindow 사용해라

빨간색: iframe id=test1 ,  주황색: iframe id=test2

 

contestWindow를 사용하면 된다.

let a = document.getElementById('test2'); console.log(a); a.contentWindow.test2('wonny');

main.html에서   test.html에 있는 test(name)을 호출했다.

 

 

 

아래는 참조 사이트다

 

 

https://lily-im.tistory.com/6

[Javascript] iframe 개념/장점/단점

https://dageraad.tistory.com/10

iframe 안의 javascript function 호출하기

https://m.blog.naver.com/sajacr/221021059931

아이프레임 iframe height 높이 자동조절 방법