hanker

JavaScript - Window.open() 본문

JavaScript

JavaScript - Window.open()

hanker 2024. 9. 4. 11:55
반응형

window.open() 메서드는 JavaScript에서 새로운 브라우저 창이나 탭을 열 때 사용된다.


window.open(url, nameOrTarget, option)
url: 새 창이나 탭에 로드할 URL을 지정. 이 값을 생략하면 빈 창이 열린다.


nameOrTarget: 새 창의 이름 또는 타겟. 팝업 창을 다시 참조하거나, 이미 열린 창을 재사용할 때 사용됩니다. 특수 값인 _blank, _self, _parent, _top 등을 사용할 수 있다.


option: 새 창의 특성을 지정하는 옵션. 쉼표로 구분된 문자열로 여러 개의 옵션을 지정.


option list
1. width: 새 창의 너비를 픽셀 단위로 지정 예: width=500
2. height: 새 창의 높이를 픽셀 단위로 지정 예: height=400
3. left: 새 창의 왼쪽 위치를 픽셀 단위로 지정 예: left=100
4. top: 새 창의 상단 위치를 픽셀 단위로 지정 예: top=100
5. resizable: 창 크기 조정 가능 여부를 지정 예: resizable=no
6. scrollbars: 새 창에서 스크롤바를 표시할지 여부를 지정 예: scrollbars=yes
7. status: 상태 표시줄(주소 창 아래에 위치)을 표시할지 여부를 지정 예: status=yes
8. menubar: 새 창에서 메뉴 바를 표시할지 여부를 지정 예: menubar=no
9. toolbar: 새 창에서 도구 모음을 표시할지 여부를 지정 예: toolbar=no
10. location: 주소 표시줄을 표시할지 여부를 지정 예: location=yes
11. directories: 디렉토리 목록이나 즐겨찾기를 표시할지 여부를 지정 이 옵션은 대부분의 브라우저에서 더 이상 사용되지 않음 예: directories=no
12. fullscreen: 창을 전체 화면으로 열지 여부를 지정합니다. yes 또는 no. 이 옵션은 대부분의 브라우저에서 제한 예: fullscreen=yes

target list
1. _blank: 새 탭이나 새 창에서 링크가 열림.
2. _self: 현재 창이나 탭에서 링크가 열림(기본 동작).
3. _parent: 부모 프레임에서 링크가 열림. 프레임셋이 없으면 현재 창에서 열림.
4. _top: 전체 창에서 링크가 열림. 프레임셋 구조를 무시하고 최상위에서 열림.

주의 사항
- 팝업 차단

반응형