[Window_Object] JS - window.top 속성 ★ - 윈도우 최상위창 (= 윈도우탑 속성 = 윈도우톱 속성)

목차

1. window.top 예제 - 최상위 윈도우창인지 확인
2. window.top 정의
3. window.top 구문

window.top 예제 - 최상위 윈도우창인지 확인

 

<script>

function homzzang() {

  if (window.top != window.self)  {

    document.getElementById("demo").innerHTML = "최상위창 X";

  } else { 

    document.getElementById("demo").innerHTML = "최상위창 O";

  } 

}

</script>

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

 

결과보기

window.top 정의

 

현재 창의 최상위 브라우저 창을 반환.

 

---

 

1.

읽기전용 속성임. (즉, 설정 불가)

 

2. cf.

window.self 속성 - 현재창 반환

 

3.

window 객체 표기 생략하고, 아래처럼 표기 가능.

(예) top.location.replace("newURL");

 

4.

모든 브라우저 지원.

 

window.top 구문

 

window.top

 

---

[반환값]

 

윈도우창 계층 구조 상, 최상위 계층에 대한 참조 반환.