최신 웹 개발 튜토리얼
 

창문 open() Method

<창 개체

열기 "www.w3ii.com" 새 브라우저 창에서 :

window.open("http://www.w3ii.com");
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

open() 메소드는 새 브라우저 창을 엽니 다.

팁 : 사용 close() 창을 닫습니다 방법을.


브라우저 지원

방법
open()

통사론

window.open( 매개 변수 값
매개 변수 기술
URL 선택 과목. 열 페이지의 URL을 지정합니다. URL을 지정하지 않으면 약으로 새 창 빈 열립니다
name 선택 과목. 지정 target 속성 또는 윈도우의 이름을. 다음 값이 지원됩니다
  • _blank - URL이 새 창에로드됩니다. 이 기본이다
  • _parent - URL은 부모 프레임에로드됩니다
  • _self - URL은 현재 페이지를 대체
  • _top - URL로드 할 수있는 프레임 셋을 대체
  • name - 윈도우의 이름 (참고 : 이름이 새 윈도우의 제목을 지정하지 않음)
specs 선택 과목. 항목없이 공백 쉼표로 구분. 다음 값이 지원됩니다

channelmode=yes|no|1|0 여부는 극장 모드에서 창을 표시합니다. 기본값은 NO입니다. IE 전용
directories=yes|no|1|0 사용되지 않습니다. 여부는 디렉토리 버튼을 추가 할 수 있습니다. 기본값은 yes입니다. IE 전용
fullscreen=yes|no|1|0 여부는 전체 화면 모드에서 브라우저를 표시합니다. 기본값은 NO입니다. 전체 화면 모드에서 창은 극장 모드에 있어야합니다. IE 전용
height=pixels 윈도우의 높이입니다. 최소. 값 100
left=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와 파이어 폭스 만
top=pixels 창 상단에 위치. 음의 값은 허용되지 않습니다
width=pixels 윈도우의 폭입니다. 최소. 값 100

바꾸다 선택 과목. URL이 새 항목을 만들거나 기록 목록에서 현재 항목을 대체할지 여부를 지정합니다. 다음 값이 지원됩니다
  • 사실 - URL 히스토리 목록에있는 현재 문서를 대체
  • 거짓 - URL 히스토리 목록에 새 항목을 만듭니다

기술적 세부 사항

반환 값 : 호출이 실패 할 경우 새로 만든 창에 대한 참조, 또는 null

예

더 예

새 창에 빈 페이지 : 약을 엽니 다

var myWindow = window.open("", "", "width=200,height=100");
»그것을 자신을 시도

라는 새 창 열기 "MsgWindow" , 그리고에 텍스트 쓰기 :

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
»그것을 자신을 시도

새 창으로 현재 창을 바꾸기 :

var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");
»그것을 자신을 시도

새 창을 열고 그 모양을 제어 :

window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
»그것을 자신을 시도

여러 개의 창을 엽니 다

window.open("http://www.google.com/");
window.open("http://www.w3ii.com/");
»그것을 자신을 시도

새 창을 엽니 다. 사용 close() 새로운 창을 닫습니다 :

function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
}

function closeWin() {
    myWindow.close();   // Closes the new window
}
»그것을 자신을 시도

새 창을 엽니 다. 새로운 윈도우의 이름을 반환하는 이름 속성을 사용합니다 :

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
»그것을 자신을 시도

오프너 속성을 사용하면 새 창을 만든 창에 대한 참조를 반환합니다 :

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>");   // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>");  // Text in the window that created the new window
»그것을 자신을 시도

<창 개체