2017년 1월 18일 수요일

iframe 에서 부모창 접근하기

Written by   on   in   with 댓글 없음
부모창 소스

<html>
<body>
<iframe id="test1" frameborder="0" src="test.jsp"></ifame>
<body>
<html>

이라고 가정한다면
test.jsp 소스에서
parent.document.getElementById(부모창에 있는 iframe아이디) 
를 통해 iframe 속성에 접근한다.

 test.jsp 안에서 부모에 있는 iframe 창의 높이를 수정해서 보여줄려고 한다면
onload 나 document.ready 를 활용해서 
parent.document.getElementById("test1").height = document.body.offsetHeight;
을 통해 조절 가능하다.

 * 참고

 - XHTML 표준이 없다 

 가로길이
document.body.offsetWidth 
document.body.scrollWidth // (문서 전체의 크기)
document.body.clientWidth // (창의 크기)

 세로길이
document.body.offsetHeight
document.body.scrollHeight //(문서 전체의 크기)
document.body.clientHeight // (창의 크기)

 - HTML5 표준이 정해져 있다. 

 가로 길이
window.innerWidth // 브라우저 윈도우 두께를 제외한 실질적 가로 길이
window.outerWidth // 브라우저 윈도우 두께를 포함한 브라우저 전체 가로 길이

 세로길이
window.innerHeight // 브라우저 윈도우 두께를 제외한 실질적 세로 길이

 window.outerHeight // 브라우저 윈도우 두께를 포함한 브라우저 전체 세로 길이
Share:

0 개의 댓글:

댓글 쓰기