HTML DOM defaultView 속성

<시간/>

HTML DOM defaultView 속성은 창에서 열려 있는 현재 문서와 연결된 창 개체를 반환하는 데 사용됩니다.

구문

다음은 구문입니다 -

document.defaultView

예시

HTML DOM defaultView 속성의 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<body>
<h2>defaultView Property example</h2>
<p>Click the below button to get information about the window</p>
<button onclick="winInfo()">Window Info</button>
<p id="Sample"></p>
<script>
   function winInfo() {
      var win = document.defaultView;
      var top = win.screenTop;
      var left = win.screenLeft;
      var name = win.name;
      document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
   }
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM defaultView 속성

창 정보 버튼 클릭 시 -

HTML DOM defaultView 속성

위의 예에서 -

사용자가 클릭할 때 winInfo() 함수를 실행하는 "창 정보" 버튼을 먼저 만들었습니다. -

<button>Window Info</button>

winInfo() 함수는 문서 defaultView 속성을 사용하여 문서의 창 개체를 가져와 변수 win에 할당합니다. 그런 다음 창 개체 screenTop, screenLeft 및 name 속성 값을 가져와 각각 top, left 및 name 변수에 할당합니다.

screenLeft 및 screenTop은 각각 화면의 상단과 왼쪽에서 브라우저 창의 거리를 표시합니다. name 속성은 null일 수 있는 창의 이름을 반환합니다. -

function winInfo() {
   var win = document.defaultView;
   var top = win.screenTop;
   var left = win.screenLeft;
   var name = win.name;
   document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
}