자바스크립트: Window 객체 사용하기 [1] (창 레이아웃) - 2
자바 스크립트 – 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(); } |
현재 창을 닫는다.
페이지 콘솔 창 결과: -