새 window 객체 생성

새 window 객체생성

window 객체는 새로운 window 창을 생성 할 수 있다.

window 객체의 윈도우 생성메서드

메서드	설명
open(URL, name, features, replace)	새로운 window 객체를 생성

open() 메서드는 네 개의 매개변수를 갖는다.입력해도 되고 입력하지 않아도 되는 매개변수를 옵션이라고 하는데, open() 메서드의 모든 매개변수는 옵션이다. 

ex1)

window.open() // 새창열기

ex2) open() 메서드의 옵션

window.open('http://www.naver.com', 'child', 'width=600, height=300',  true);

코드를 실행하면 위 이미지 처럼 네이버 창이 새창으로 뜬다. open() 메서드의 첫번째 매개 변수는 열고자 하는 url 이고 두번째는 윈도우 간 통신을 하는데 사용하는 윈도우 이름이다. 세번째는 윈도우를 어떤형태로 출력할지 지정하는 옵션이다. 세번째 매개변수에 사용하는 옵션은 아래의 표와 같다. 

윈도우 형태의 옵션

옵션이름	설명	입력할 수 있는 값
height	새 윈도우 높이	픽셀 값
width	새 윈도우 넓이	픽셀 값
location	주소입력창의 유무	yes, no, 1, 0
menubar	메뉴의 유무	yes, no, 1, 0
resizable	화면 크기 조절가능 여부	yes, no, 1, 0
status	상태 표시줄의 유무	yes, no, 1, 0
toolbar	상태 표시줄의 유무	yes, no, 1, 0

open() 메서드는 새 window 객체를 생성하는 메서드 이다. 단지 팝업창을 여는 것에서 끝나지 않고 윈도우 객체를 리턴한다. 

ex3 ) open() 메서드의 리턴

var oPen = window.open('', '', 'width=500, height=300');

oPen.document.write('<h1>window 리턴!!!</h1>');