웹 디자인/JavaScript

자바스크립트 window.open() 속성 / 팝업창 열기

K.두부 2022. 3. 21. 19:11
반응형
window.open(url, name, specs, replace);

 

1. url: 새 창에 보여줄 주소

2. name: 새로 열릴 창의 속성 또는 이름을 지정, 기본 값은 _blank이다.

 - _blank: 새 창에 여린다.

 - _parent: 부모 프레임에 열린다.

 - _self: 현재 페이지를 대체

 - _top: 로드된 프레임셋을 대체

 - _name(임의의 이름): 새 창이 열리고 창의 이름을 지정

 

3. specs: 창의 크기, 스크롤여부, 리사이즈 기능 등을 지정

 - channelmode=yes || no: 전체화면으로 창을 띄움

 - directories=yes || no: 디렉토리 버튼의 표시여부

 - fullscreen=yes || no: 전체 화면 모드

 - height=pixels: 창의 높이를 지정

 - width=pixels: 창의 너비를 지정

 - left=pixels: 창의 화면 왼쪽에서의 위치를 지정

 - top=pixels: 창의 화면 위쪽에서의 위치를 지정

 - location=yes || no: 주소 표시줄 사용여부 지정

 - menubar=yes || no: 메뉴바 사용여부 지정

 - resizable=yes || no: 창의 리사이즈 여부 가능 지정

 - scrollbars=yes || no: 스크롤바 사용여부 지정

 - status=yes || no: 상태바를 보여줄지 여부 지정

 - titlebar=yes || no: 타이틀바를 보여줄지 여부 지정

 - toolbar=yes || no: 툴바를 보여줄지 여부 지정

 

4. replace: 히스토리 목록에 새 항목을 만들지 현재 항목을 대체할지 지정

 - true: 현재 히스토리를 대체

 - false: 히스토리에 새 항목을 만듦

반응형