English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
open()方法打开一个新的浏览器窗口，并加载指定的文件进去。
如果为指定的文档创建了一个新窗口，则可以通过open()方法的features参数来修改其外观和行为。
使用close()方法关闭窗口。
window.open(url, name, features, replace)
window.open("https://ko.oldtoolbag.com");테스트를 보세요‹/›所有浏览器完全支持open()方法：
| 方法 | |||||
| open() | 是 | 是 | 是 | 是 | 是 |
| 参数 | 描述 |
|---|---|
| url | （可选）需要打开的网页的URL。如果未设置URL，则window.open()方法将打开一个空白窗口 |
| name | （可选）指定窗口的名称或目标属性。 가능한 값：
|
| features | （可选）以逗号分隔的项目列表，没有空格。 가능한 값： channelmode =是|否| 1 | 0 是否以剧院模式显示窗口。默认为否。仅IEdirectories=yes|no|1|0 过时的 是否添加目录按钮。默认为是。仅IE fullscreen=yes|no|1|0 是否以全屏模式显示浏览器。默认为否。全屏模式下的窗口也必须处于剧院模式。仅IE height=pixels 窗口的高度。最小值为100 left=pixels 窗口的左侧位置。不允许负值 location=yes|no|1|0 是否显示地址字段。仅限Opera menubar=yes|no|1|0 메뉴 바를 표시할지 여부 resizable=yes|no|1|0 창이 조정 가능할지 여부。IE에 한해 scrollbars=yes|no|1|0 스크롤 바를 표시할지 여부。IE，Firefox 및 Opera에 한해 status=yes|no|1|0 상태 바를 추가할지 여부 titlebar=yes|no|1|0 타이틀 바를 표시할지 여부。HTML 애플리케이션 또는 신뢰할 수 있는 대화 상자를 호출하는 애플리케이션을 제외하고 무시됩니다 toolbar=yes|no|1|0 브라우저 툴바를 표시할지 여부。IE와 Firefox에 한해 top=pixels 창의 상단 위치。부정적인 값을 허용하지 않습니다 width=pixels 창의 너비。최소值为100 |
| replace | （선택 사항）URL을 생성한 새 항목 또는 히스토리 목록의 현재 문서를 대체합니다. 가능한 값：
|
| 반환 값： | 새로 생성된 창의 Window 객체를 나타냅니다. 창을 엽니다면 null 값을 반환합니다。 |
|---|
새 창에서 빈 페이지를 엽니다：
window.open("", "", "width=400, height=300");테스트를 보세요‹/›새 창을 엽니다. name 속성을 사용하여 새 창의 이름을 반환합니다：
var win = window.open("", "popupWindow", "width=400, height=300");
win.document.write("<p>This window's name is: " + win.name + "</p>)";테스트를 보세요‹/›지정된 높이와 너비의 새 창에서 " parrot-tutorial.com"：
window.open("https://ko.oldtoolbag.com", "", "width=400, height=300");테스트를 보세요‹/›지정된 위치의 새 창에서 " parrot-tutorial.com"：
window.open("https://ko.oldtoolbag.com", "", "left=500, top=200");테스트를 보세요‹/›새 창을 엽니다. 창의 외관을 지정합니다：
window.open("https://ko.oldtoolbag.com", "_blank",
"toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");테스트를 보세요‹/›새 창을 엽니다. close() 메서드를 사용하여 새 창을 닫습니다：
var popupWindow;
//새 창을 엽니다.
function windowOpen() {
popupWindow = window.open("https://ko.oldtoolbag.com", "_blank");
}
// 열린 창을 닫는 함수
function windowClose() {
if (popupWindow) {
popupWindow.close();
}
}테스트를 보세요‹/›opener 속성을 사용하여 새 창을 생성한 창에 대한 참조를 반환합니다:
// 새 창을 엽니다
var win = window.open("", "popupWindow", "width=300, height=200");
//새 창에 텍스트를 입력합니다
win.document.write("<p>이 창의 이름은: " + win.name + "</p>)";
// 새 창에서 텍스트를 입력합니다
win.opener.document.write("<h1>이는 원본 창입니다!/h1>)";테스트를 보세요‹/›창(Window) 참조:close() 메서드
창(Window) 참조:closed 속성
창(Window) 참조:opener 속성