window에서 이름이란?

window에서 이름은 주로 열려진 창에서의 이름을 말합니다.

새로운 창을 열 때, window의 open() method를 사용합니다.

형식은 window.open("URL", "이름", "구성요소") 입니다. URL은 새로운 창에 가져올 화일이고 "이름"은 새로운 창의 이름이고 구성요소는 창을 이루는 요소들 입니다.

구성요소는 필요한 것을 지정하면 나머지는 기본으로 지정하지 않은 것이 됩니다.

window.open("URL.htm", "new_win", "width=200,height=200"); URL.htm 화일을 new_win이란 이름의 넓이 200, 높이 200의 크기를 가진 새로운 창을 여는것 입니다.

구성요소를 정의 할 때, IE는 상관이 없지만, NN에서는 각 구성요소 간에 즉, 쉼표(,) 사이에 공백이 있어선 안됩니다. "width=200, height=200" 은 공백이 들어가서 안됩니다.

function openWin() {
	var today = new Date(); today = today.getDate();
	var newWin = open("", "N", "width=200,height=200");

	var print = "<html><body>오늘은 "+today+" 일 입니다.</body></html>";

	newWin.document.open();
	newWin.document.write(print)
	newWin.document.close();
}

가져올 화일을 지정하지 않고 필요에 따라 직접 창을 열면서 내용을 넣어줄 수도 있습니다.

위의 소스로 하면 오늘의 날짜를 보여주는 새창을 엽니다. 날짜뿐만 아니라 사용자가 폼에 입력한 내용을 새로운 창에 출력할 수 있습니다. 화일을 가지고 올 때는 할 수 없는것을 할 수 있습니다.

이것으로 사용자의 입력에 따라서 항상 변하는 페이지를 사용자에게 보여줄 수 있습니다.

window.open("URL", "이름", "구성요소") 에서 이름은 새 창의 이름입니다. 이름은 사용되는 용도는 열은 창에서 즉, opener에서 링크나 폼으로 새로운 창에 보낼 때 사용됩니다.

target="이름" 으로 앞창에서 "이름" 이란 이름을 가진 창에게로 링크에 지정한 문서를 보냅니다.

다른 사용처는 앞창에서 또 다른 새로운 창을 열 때, 이름이 같은 창으로 열면 그 이름을 가지는 창으로 지정한 URL의 문서를 보냅니다. 이름이 다르거나 지정하지 않으면 새로운 창을 엽니다.

즉, 많은 창을 여는 페이지에서 같은 이름으로 계속 창을 열면 창 하나만 열립니다. 많은 창을 열지 않아도 됩니다.

화일을 가지고 있는 새 창을 열 때는 이렇지만, 지정한 화일이 없이

document.open();
document.write();
document.close();

로 새 창을 열고 내용을 직접 출력할 때는 몇가지 유의점이 있습니다.

이름을 지정하지 않으면 실행할 때마다 새로운 창을 여는것은 URL을 여는 것은 같습니다. URL없이 document.write()로 새로운 창을 열면

function openWin() {
	var newWin = window.open("", "NEW");
	var print = "<html><body><h1>Hello</h1></body></html>";

	newWin.document.write(print);
}

openWin()을 두 번 실행하면 NEW창에 Hello가 두 번 출력 됩니다. 이 때, 한 번만 출력되게 하려면 document.open(), document.close()를 같이 넣어줘야 합니다.

function openWin() {
	var newWin = window.open("", "NEW");
	var print = "<html><body><h1>Hello</h1></body></html>";

	newWin.document.open();
	newWin.document.write(print);
	newWin.document.close();
}

공백으로 화일을 열고 document.write()로 창의 내용을 채울때는 이렇게 합니다.

지역변수 newWin과 창이름 NEW는 서로 다릅니다. newWin.name == "NEW"; 입니다.

여기서 newWin은 window의 생성자(instance)입니다. 즉, window Object입니다. window가 가질수 있는 property, method, event, event handler를 가질 수 있습니다. 지정할 수 있는 이름은 알파벳과 underscore(_) 문자를 사용할 수 있습니다.

JavaScript가 window를 다룰 때, 사용됩니다.
이름 NEW는 링크나 폼택 안에서 target Attribute에 사용되는 것이고요.

즉, newWin은 JavaScript가 사용하는 것이고, 창 이름 NEW는 링크나 폼의 HTML target에서 사용하는 것입니다.

newWin은 window Object, NEW는 window의 name property

TOP Go to Window TOP