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 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| open() | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
참고(Reference)
- MDN JavaScript
