window.open

이한수·2022년 5월 24일
0

JavaScript

목록 보기
2/2

아이디 찾기 , 비밀번호 찾기 기능을 구현해야 했다.

보통 홈페이지를 들어가서 위 기능을 수행해 보면 , 새로운 창에 조그맣게

새 창이 하나 뜬다. 검색해보니 해당 기능은

javascript의 window.open 함수를 많이들 이용하는 듯 하다.

window.open(url, name, option, replace);

파라미터

URL

  • 새창에 보여질 주소다. 비워두면 주소는 (about:blank)가 된다.

name

새로 열릴 창의 속성 또는 창의 이름을 지정 한다.

  • _blank : 새 창으로 열기.
  • _parent : 부모 프레임에 열린다.
  • _self : 현재 페이지를 대체.
  • _top : 로드된 프레임셋을 대체한다.
  • name(임의의 이름) : 새 창으로 열고 , 창의 이름을 지정.

option

  • fullscreen : 팝업 전체화면 출력 여부 ( IE에서만 작동 )

  • toolbar : 상단 도구창 출력 여부 ( IE, FireFox 에서만 작동 )

  • location : 메뉴 아이콘 출력여부 ( Opera 에서만 작동 )

  • resizeable : 팝업창 리사이즈 가능여부 ( 크롬에서는 작동 안함)

  • scrollbars : 팝업 스크롤바 사용 여부

  • menubar : 메뉴 출력 여부

  • width : 팝업창의 가로 길이 

  • height : 팝업창의 세로 길이

  • top : 창의 화면 위에서부터의 팝업 위치 지정

  • left : 창의 화면 왼쪽에서부터의 팝업 위치 지정

replace

히스토리 목록에 새 항목을 만들지 현재 항목을 대체할지 지정합니다.

  • true : 현재 히스토리를 대체합니다.

  • false : 히스토리에 새 항목을 만듭니다.

참고 : https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-windowopen-%EC%A0%95%EB%A6%AC#url

profile
성실하게

0개의 댓글