본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] open()

윈도우 새창을 열어줍니다

open()

윈도우 새창을 열어줍니다.


open()

open()은 새로운 윈도우 새창을 열어줍니다.

window.open(URL, Name, Option, replace);

  • URL : 새로운 윈도우 창의 주소를 입력합니다.
  • name : 새로운 윈도우 창의 속성 또는 이름을 설정합니다
    • _blank : 새로운 윈도우 창이 열립니다.(기본값)
    • _parent : 부모 프레임에서 열립니다.
    • _self : 현재 페이지를 대체합니다.
    • _top : 로드된 프레임셋을 대체합니다.
    • name : 임의적인 이름을 설정합니다.
  • Option : 새로운 윈도의 여러가지 속성을 적용합니다.
  • replace : 히스토리 목록에 새 항목을 만들지 현재 항목을 대체할지 지정합니다.
옵션
옵션 설명 입력
height 새로운 윈도우 창의 높이 값을 설정합니다. 픽셀
width 새로운 윈도우 창의 너비 값을 설정합니다. 픽셀
left 새로운 윈도우 창의 왼쪽에서부터 위치를 설정합니다. 픽셀
top 새로운 윈도우 창의 위쪽에서부터 위치를 설정합니다. 픽셀
location 주소 입력창의 유무를 설정합니다. yes | no | 1 | 0
menubar 메뉴의 유무를 설정합니다. yes | no | 1 | 0
resizable 화면 크기 조절 유무를 설정합니다. yes | no | 1 | 0
status 윈도우의 상태 표시줄 유무를 설정합니다. yes | no | 1 | 0
scrollbars 윈도우의 스크롤바 사용여부를 설정합니다. yes | no | 1 | 0
titlebar 윈도우의 타이틀바를 보여줄지 설정합니다. yes | no | 1 | 0
toolbar 윈도우의 툴바를 보여줄지 설정합니다. yes | no | 1 | 0

Sample1

새로운 팝업이 열리는 예제입니다.

html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>타이머 설정</title>
</head>
<body>
    <script>
        window.open("", "", "left=100, top=100, width=500, height=600, location= yes");
    </script>
</body>
</html>

호환성(Compatibility)

  크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
open() 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

참고(Reference)

  • MDN JavaScript

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기