방법은 아주 간단합니다. 단, 새창을 만들기 위해서는
브라우저 내장객체인 window의 open 메소드를 사용해야 합니다.
<script language=javascript>function openwindow()
{winobject=window.open("", "demo",
"toolbar=no, status=no, menubar=no, scrollbar=no, resizable=no, width=150, height=100");
winobject.document.write("<html><head><title>새창입니다.</title></head>");
winobject.document.write("<body bgcolor=black>");
winobject.document.write("<p style='color:white; font-size:10pt'>");
windbject.document.write("이렇게 새창에 글을 쓸수도 있습니다. 물론 그림도 넣을수 있겠죠.</p>");
winobject.document.write("</body></html>");
}
</script>이게 답니다. 홈페이지를 방문하는 순간(문서가 로딩되는 순간) 이 새로운 창을 띄우고 싶다면 <body> 태그에 onload 이벤트핸들러를 사용하여 위의 openwindow() 함수를 실행하면 됩니다. 또는 위의 버튼처럼 방문객의 마우스 조작에 따라 새로운 창을 띄우고 싶다면 onclick 등의 마우스 이벤트핸들러를 이용하여 openwindow() 함수를 실행하면 됩니다.
위의 openwindow() 함수 내에서 사용된 명령들을 살펴보겠습니다.
window.open("URL", "윈도우 이름", "윈도우 특성");
URL: 띄우고 싶은 창의 문서가 htm 등의 형태로 만들어져 있다면 그 문서의 URL을 써넣음으로써 새로운 창으로 문서를 읽어들입니다.
윈도우 이름: 윈도우의 이름을 지정합니다. 태그에서 target 속성과 비슷한 개념입니다.
윈도우 특성: 도구모음, 상태바, 메뉴, 스크롤바 등의 유무, 그리고 윈도우의 크기를 지정할 수 있습니다.
다음은 윈도우 특성들에 대한 설명입니다. 괄호 안은 올수 있는 값입니다. 아, 그리고 각 특성들 사이에는 , 표시를 넣어 구분해 줍니다.
toolbar 도구모음의 유무를 결정 (yes, no)
status 상태바의 유무를 결정 (yes, no)
menubar 메뉴바의 유무를 결정 (yes, no)
scrollbar 스크롤바의 유무를 결정 (yes, no)
resizable 윈도우 크기를 조절할 수 있는지를 결정 (yes, no)
width 윈도우의 가로 길이를 픽셀단위로 지정 (숫자)
height 윈도우의 세로 길이를 픽셀단위로 지정 (숫자)
window.open()은 새로운 창을 만든 후 새로 만든 창의 객체를 리턴 값으로 되돌려 줍니다. 위의 소스 세번째 줄을 보면 winobject라는 변수를 이용해서 이 리턴 값을 받았습니다.(물론 필요가 없다면 리턴값은 받지 않아도 됩니다. 그러려면 winobject=을 생략하면 됩니다.)
이렇게 받은 리턴값은 새로만든 창에 접근할수 있게 해줍니다. 5번째 줄부터 9번째 줄을 보세요. winobject를 사용하여 새로 만든 윈도우의 문서 내용을 만들고 있습니다. document.write(문자열)은 해당 윈도우의 문서에 내용을 만들어줍니다. 여기에 넣어주는 문자열에는 일반적인 HTML 코드가 올수 있습니다. 아, 그리고 문자열이기 때문에 따옴표(" ") 로 감싸주어야 한다는 것을 기억하세요.
| 제목 | 상태 | 답변수 | 글쓴이 | 날짜 |
|---|---|---|---|---|
2 |
가이드 |
04/09/08 |
||
2 |
김철용 |
04/09/08 |
||
2 |
 |
04/09/08 |
||
2 |
남해금 |
04/09/07 |
||
2 |
첸꽈 |
04/09/07 |
||
3 |
마요네즈 |
04/09/07 |
||
3 |
 |
04/09/07 |
||
4 |
광동 |
04/09/07 |
||
1 |
 |
04/09/07 |
||
1 |
남태호 |
04/09/06 |
||
5 |
첸꽈 |
04/09/06 |
||
1 |
|
04/09/06 |
||
1 |
zhe |
04/09/06 |
||
3 |
 |
04/09/06 |
||
3 |
 |
04/09/06 |
||
0 |
^^쨍 |
04/09/06 |
||
1 |
한미령 |
04/09/06 |
||
1 |
남자향기 |
04/09/06 |
||
1 |
남자향기 |
04/09/06 |
||
2 |
룰루 |
04/09/05 |
