브라우저에서 새로운 팝업창을 생성하기 위해서는 window 객체의 open()메소드를 사용한다.
open()메소드의 파라미터
‘url’은 새로운 팝업창이 출력한 내용을 가진 페이지의 주소를 나타내며, ‘name‘은 팝업창이 출력되는 타겟를 지정하는데 링크와 같이 _blank는 새로운 창으로 출력되며 기본값이다. 또한, _parent는 부모창에서, _self는 자신의 창에서 url에 있는 페이지를 출력한다. 팝업창을 관리하기 위해 작성한다. 창이름은 null 값을 가져도 상관없다.
윈도우 속성 문자열을 새로운 팝업창의 윈도우 속성을 지정하는 문자열으로 다음과 같은 종류가 있다.
|
문자열 |
설명 |
|
directories |
디렉토리 메뉴(익스플로러만 지원) |
|
location |
url 주소 |
|
menubar |
메뉴바 |
|
scrollbars |
스크롤바 |
|
status |
상태바 |
|
toolbar |
툴바(브라우저의 뒤로, 앞으로 등이 있는 메뉴) |
|
resizable |
브라우저의 크기 조절 여부 |
|
width |
창의 너비 |
|
height |
창의 높이 |
위와 같은 윈도우 속성은 컴머(,)로 구분하며 속성과 값 한쌍으로 작성한다. 작성의 예는 아래와 같다.
var windowsetting = "toolbar=no, status=yes, menubar=no, scrollbars=auto, resizable=no, height=400, width=400, left=30, top=30";
팝업창 예제)
<html>
<body>
<script type="text/javascript">
var windowsettings = "toolbar=0, status=yes, menubar=0, scrollbars=auto, resizable=no, width=600, height=400";
window.open("http://www.daum.net", , windowsettings);
</script>
</body>
</html>
'Java Script & DOM > Java Script ' 카테고리의 다른 글
| 이벤트와 함수를 연결할 때 'this'를 인자를 주는 방법 (0) | 2011.01.06 |
|---|---|
| URL 정보 객체: Location 객체 (0) | 2010.12.16 |
| 최상위 객체인 window 객체 (0) | 2010.12.16 |
| 방문자의 브라우저 스크린의 정보 탐색: screen 객체 (0) | 2010.12.16 |
| 방문자의 브라우저 정보 탐색: Navigator 객체 (0) | 2010.12.16 |