자바스크립트: Window 객체 사용하기 [1] (창 레이아웃) - 2

Script

자바스크립트: Window 객체 사용하기 [1] (창 레이아웃) - 2

관리자 0 2954

자바 스크립트 – Window 객체 사용하기 [1] (창 레이아웃) 


2.     스크립트 코드 해석

1)    page_1 페이지


     label_OnClick 메소드


function label_OnClick()

{

console.log(window.console);

 

console.log(window.scada);

 

console.log(window.page);

 

console.log(window.name);

 

console.log(window.fullScreen);

 

console.log(window.status);

 

console.log(window.closed);

 

window.open("page_2", "123");

}

 

(1)   console.log(window.console);

현재 창의 console 객체를 가져온다.


  페이지 콘솔 창 결과: Object {error(), warn(), info(), log(), group(), groupEnd()}

 

(2)   console.log(window.scada);

현재 창의 scada 객체를 가져온다.


  페이지 콘솔 창 결과: Object {devices, tags, exports, users, alarms, reports, …}


(3)   console.log(window.page);

현재 창의 page 객체를 가져온다.


  페이지 콘솔 창 결과: Object {views, position, visible, width, height, background, …}

 

(4)   console.log(window.name);

현재 창의 이름을 가져온다.


  페이지 콘솔 창 결과: "MainForm"

 

(5)   console.log(window.fullScreen);

현재 창이 전체화면인지 여부를 가져온다.


  페이지 콘솔 창 결과: false

 

(6)   console.log(window.status);

현재 창의 상태표시줄 텍스트를 가져온다.


  페이지 콘솔 창 결과: ""

 

(7)   console.log(window.closed);

현재 창이 닫혔는지 여부를 가져온다.


  페이지 콘솔 창 결과: false

 

(8)   window.open(“page_2”, “123”);

이름이 page_2인 페이지를 이름이 123인 창에 연다.


  페이지 콘솔 창 결과: -



2)    page_2 페이지

(1)   console.log(window.self.name);

현재 창 자신의 이름을 가져온다.


  페이지 콘솔 창 결과: “123”

 

(2)   console.log(window.opener);

현재 창을 연 창을 가져오거나 설정한다.


  페이지 콘솔 창 결과: Object {location, innerWidth, innerHeight, scrollX, scrollY, …}

 

(3)   console.log(window.opener.name);

현재 창을 연 창의 이름을 가져온다.


  페이지 콘솔 창 결과: “MainForm”

 

     label_OnClick 메소드


function label_OnClick()

{

window.close();

}

 

현재 창을 닫는다.

페이지 콘솔  결과: - 

0 Reply Comment
Title