HTML의 윈도우&브라우저 객체에 대하여 알아보기 3

오늘도 어제에 이어서 iframe 객체와 윈도우 객체에 대하여 알아보고자 합니다.

iframe 객체

iframe 객체는 iframe 태그로 만들어진 프레임 윈도우를 의미하며, 브라우저 윈도우는 iframe 태그로 만들어진 여러 프레임 윈도우를 담을 수 있습니다.

프레임 윈도우는 부라우저 윈도우의 자식 윈도우로서, iframe 윈도우의 접근은 윈도우 객체의 프레임 콜렉션으로 접근하는 방식입니다.

<script>
window.frames[0]
</script>

또는

<script>
window.frames[window.length -1]
</script>

처럼 작성하여 접근할 수 있습니다.

프레임 윈도우의 속성에는 window(self), parent 그리고 top이 있습니다.

window는 프레임 윈도우 자신을 기리키는 레퍼런스이며, parent는 부모 윈도우에 대한 레퍼런스입니다.

마지막으로 top은 최상위 브라우저 윈도우에 대한 레퍼런스입니다.

window 객체 타이머

윈도우 객체에는 타이머라는 메소드를 활용할 수 있습니다.

시간에 따라 웹 페이지의 동적 변화를 줄 수 있습니다.

윈도우 객체의 타이머 기능은 2가지로 볼 수 있습니다.

  1. 타임 아웃 코드 1번 호출하기

  2. 타임 아웃 코드 반복적으로 호출하기

타임아웃 코드를 한번만 호출하는 것은 setTimeout() 메소드와 clearTimeout() 메소드를 사용하며, 타임아웃 코드를 반복적으로 호출할 때에는 setInterval() 메소드와 clearInterval() 메소드를 사용합니다.

여기서 소개된 메소드를 호출 할때에는 윈도우는 생략할 수 있습니다.

다음 포스팅에서 계속됩니다.

Written on May 23, 2018