JavaScript

JavaScript 인터넷 팝업창 띄우기

김태웜 2021. 3. 16. 14:39

Window.open();

window.open("url주소","name","sizeoption","replace");

 

name 부분

기본값은 _blank

- _blank : 새 창이 열림. 기본값

- _parent : 부모 프레임에 열림

- _self : 현재 페이지를 대체

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

- name(임의의 이름) : 새창이 열리고 창의 이름을 지정함. 동일한 이름에 다시 open()을하면 기존의 열린창의

내용이 바뀜. 다른 이름 사용시 또 다른 새창이 열림

 

sizeoption 부분

- channelmode=yes|no|1|0 : 전체화면으로 창이 열림. IE만 동작한다고 함

- fullscreen=yes|no|1|0 : 전체 화면 모드. IE에서만 동작

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

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

- left=pixels : 창의 화면 왼쪽에서 위치를 지정. 음수 불가능

- top=pixels : 창의 화면 위쪽에서 위치를 지정. 음수 불가능

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

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

- resizable=yes|no|1|0 : 창의 리사이즈 가능 여부 지정. IE만 동작

- scrollbars=yes|no|1|0 : 스크롤바 사용여부 지정. IE, 파폭, 오페라만 동작한다고..

- status=yes|no|1|0 : 상태바 보여줄지 지정

- titlebar=yes|no|1|0 : 타이틀바 보여줄지 지정. 호출 응용프로그램이 HTML 응용 프로그램이거나 신뢰할 수

있는 대화 상자가 아니면 무시된다고 함

- toolbar=yes|no|1|0 : 툴바를 보여줄지 지정. IE, 파폭에서만 동작

 

replace 부분

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

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

 

예시)

window.open("http://www.naver.com","_blank","width=1000,height=800,resizable=yes, scrollbar=yes");

replace부분은 빠져있음