JavaScript Window Object

Previous Table of Contents Next
JavaScript Math Object JavaScript Document Object

Purchase and download the full PDF version of this JavaScript eBook for only $8.자바스크립트 창 객체는 자바스크립트 객체 계층 구조의 맨 위에 있으며 브라우저 창을 나타냅니다(또는 한 번에 두 개 이상의 브라우저 창이 열려 있는 경우 창). 이 장까지 우리는 자바 스크립트의 내부 및 구문에 초점을 맞추고있다. 이 장에서 우리는 일이(결국,자바 스크립트의 주요 목적 중 하나입니다)화면에 일어날 수 있도록하기 시작합니다. 창 개체를 사용하면 개발자가 브라우저 창 열기 및 닫기,경고 및 프롬프트 대화 상자 표시 및 시간 초과 설정(지정된 기간 후에 수행 할 작업 지정)과 같은 작업을 수행 할 수 있습니다. 시간 제한은 창 개체의 기능이지만 우리는 자바 스크립트 시간 제한 장에서 그들을 다룰 것입니다,오히려이 장에서보다.

내용을

참조하 JavaScript 윈도우 객체

으로 덮여 자바 스크립트 객체의 기본을 그것은 일반적으로 사용하는 데 필요한 dot-표기법에 액세스할 때는 속성이나 방법의 개체입니다. 창 개체는 개체 계층 구조의 최상위 개체입니다. 따라서 개체 이름과 점 접두사가 없는 스크립트에서 개체 메서드 또는 속성이 참조될 때마다 자바스크립트는 창 개체의 멤버로 간주됩니다. 이 창 경고()메서드를 호출 할 때 경고 대화 창을 표시하는 것을,예를 들어,의미한다. 접두사는 필수가 아닙니다. 따라서 다음 메서드 호출은 동일한 작업을 수행합니다:

window.alert();alert()
Ezoic보고서가 이 광고

JavaScript 윈도우 객체 속성

JavaScript 윈도우 객체의 수를 포함할 수 있는 속성을 검사하고 스크립트에서 사용:

  • window.닫힘-여러 창을 처리할 때 사용되는 이 속성은 창을 닫았는지 여부를 나타냅니다.이 작업을 수행하는 방법은 다음과 같습니다.기본 상태/창.상태-기본 상태는 브라우저 상태 표시줄에 표시되는 기본 메시지를 지정합니다. 상태 기본값 대신 브라우저 상태 표시줄에 표시할 임시 메시지를 지정합니다. 많은 브라우저에서 사용할 수 없습니다.이 작업을 수행하는 방법은 다음과 같습니다.프레임-창에 프레임이 포함 된 경우이 배열은 프레임 객체의 배열을 보유합니다(배열 액세스에 대한 자바 스크립트 배열 세부 정보 참조).window.name -스크립트에 의해 열린 창은 이름을 부여해야합니다. 이 속성은 해당 창 개체의 이름을 포함합니다.이 작업을 수행하는 방법은 다음과 같습니다.오프너-다른 창에 포함된 스크립트에서 창이 열리면 자식 창의 이 속성에는 창을 연 참조 창이 포함됩니다.이 작업을 수행하는 방법은 다음과 같습니다.부모-창에서 프레임으로 작업할 때 이 속성은 프레임을 포함하는 창 개체에 대한 참조를 포함합니다.이 작업을 수행하는 방법은 다음과 같습니다.화면-창이 표시되는 화면에 대한 정보가 포함 된 객체입니다(이 객체에 포함 된 속성은 높이,너비,높이,너비 및 색상 깊이를 포함합니다).이 작업을 수행하는 방법은 다음과 같습니다.자체-현재 창에 대한 참조.이 작업을 수행하는 방법은 다음과 같습니다.상단-프레임으로 작업 할 때 최상위 창에 대한 참조입니다.새 브라우저 창은 창 개체의 열기()방법을 사용하여 자바 스크립트 스크립트에서 열 수 있습니다. 새 창을 여는 구문은 다음과 같습니다:다음은 열기()메서드에 전달되는 인수에 대한 설명을 제공합니다. 빈 창이 로드됩니다.창 이름-창 이름을 지정하고 창을 참조하는 데 사용됩니다.특징-당신이 창의 모양을 사용자 정의 할 수 있도록 기능의 쉼표로 구분 된 목록입니다. 옵션은 다음과 같습니다:

설정 설명
width 지정 초기의 폭 브라우저 클라이언트 창(보 innerWidth 한 크기의 컨텐츠 영역)
고도 지정 초기의 높이는 브라우저 클라이언트 창(참조하십시오 innerHeight 한 크기의 컨텐츠 영역)
innerWidth 초기를 지정합니 폭 창의 콘텐츠 영역
innerHeight 지정 초기의 높이를 창 콘텐츠 지역
outerWidth 지정 초기의 폭 네비게이터 창
outerHeight 지정 초기의 높이는 네비게이터 창
도구 모음 지 여부를 지정하는 창이 포함되어야 합 브라우저 툴바 또는지
status 지 여부를 지정하는 창이 포함되어야 합 브라우저 상태 표시줄 또는지
의존 는지 여부를 지정합 창을 닫아야에서 한마음으로 부모 창
menubar 는지 여부를 지정합 창 브라우저 메뉴바 포함 브라우저 위치 상자를 포함할지 여부를 지정합니다 스크롤바 숨김/표시 브라우저 가로/세로 스크롤바 크기 조정 가능 사용자가 창 크기를 조정할 수 있는지 여부를 지정합니다.나타납니다.창에 브라우저 개인 도구 모음이 포함되어야 하는지 여부를 지정합니다.
copyHistory 지 여부를 지정하는 새로운 창의 사본을 포함해야 URL 의 역사를 호출하여 창
왼쪽 지정된 픽셀의 수에서 화면의 왼쪽에 새로운 창
지정된 숫자의 픽셀에서 최고의 화면 새로운 창
alwaysLowered 새로 생성된 창은 항상 아래에 위치해 있는 다른 브라우저 윈도우. 종종 성가신 팝 언더 광고에 사용됩니다.항상 화면의 다른 브라우저 창 위에 항상 배치되는 새 창을 만듭니다.다른 브라우저 윈도우와 관련하여 브라우저가 나타나는 수준을 잠급니다.

높이,폭,위치 기능을 사용하여 설정한다. 나머지 기능 옵션은 참 또는 거짓 값을 사용하여 설정할 수 있습니다(예,아니오 및 1 과 0 은 참 및 거짓 대신 사용할 수 있음). 부재 속성은 거짓으로 간주됩니다. 다음 예제에서는 메뉴 모음,특정 차원 및 도구 모음이 없는 새 창을 만듭니다. 올바른 창을 닫을 수 있도록 닫기를 수행할 때 창 이름(열기()메서드에 지정됨)을 참조해야 합니다. 예를 들어 다음 코드는 새 창을 만들고 클릭하면 새 창을 닫는 푸시버튼을 만듭니다:

<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Close Window" onclick="newWindowObj.close()" /></form>

그것은 또한 가능한 창을 닫는 현재를 사용하여 창 오프너 제공의 현재 창체:

window.opener.close()

이 창을 닫는 창문을 열어서는 상기 스크립트를 실행합니다.창 이동 및 크기 조정은 창 개체의 이동()방법을 사용하여 화면의 특정 좌표로 이동할 수 있습니다. 다음 예제에서는”창 이동”버튼을 누르면 화면의 위치 100,200 으로 새 창을 이동합니다:특정 새 위치로 창을 이동하는 것 외에도 자바 스크립트 창 개체의 이동()방법을 사용하여 화면의 현재 위치에 상대적으로 창을 이동하는 것도 가능하다. 다시 한번 메서드는 엑스 과 와이 현재에 추가되는 값 엑스 과 와이 지정된 창의 좌표. 음수 값을 사용하여 이동 방향을 변경할 수 있습니다:이 메서드는 창의 크기를 특정 크기 또는 현재 크기를 기준으로 새 크기로 변경할 수 있다는 점에서 유사하게 작동합니다.윈도우가 화면에서 현재 선택된 윈도우인 경우에는 포커스가 있다고 합니다. 일반적으로 창에서 마우스 포인터로 클릭하면 해당 창에 포커스가 생깁니다. 자바 스크립트를 사용하면 프로그래밍 방식으로 초점()및 흐림()방법을 사용하여 창의 초점을 변경할 수 있습니다. 다음 예제에서는 새 창을 표시하고 흐리게 표시하여 여는 창에 포커스가 계속 유지되도록 하고 새 창으로 포커스를 전환할 수 있는 단추를 제공합니다. 여기에는 경고 메시지가 표시될 메시지 영역과 사용자가 클릭하여 대화 상자를 닫을 수 있는”확인”버튼이 포함됩니다. 경고()메서드는 대화 상자에 표시할 메시지를 나타내는 단일 인수를 사용합니다. 다음 웹 페이지 조각에는”경고 표시”버튼을 클릭할 때”유효한 암호가 없습니다”라는 메시지가 포함된 경고 대화 상자가 표시됩니다. 이 대화 상자 유형은 메시지 및”확인”및”취소”버튼과 함께 표시됩니다. 확인()메서드는 사용자에게 표시할 메시지를 인수로 받아 사용자가”확인”또는”취소”를 눌렀는지 여부에 따라 참 또는 거짓을 반환합니다. 이 대화 상자는 사용자에게 보내는 메시지,데이터 입력을위한 텍스트 입력 필드 및 확인 및 취소 버튼으로 구성됩니다. 프롬프트()메서드는 메시지를 인수로 표시하고 사용자가 입력한 값을 반환합니다:이 웹 사이트는 귀하가 웹 사이트를 탐색하는 동안 귀하의 경험을 향상시키기 위해 쿠키를 사용합니다.이 쿠키들 중에서 필요에 따라 분류 된 쿠키는 웹 사이트의 기본적인 기능을 수행하는 데 필수적이므로 브라우저에 저장됩니다.또한이 웹 사이트의 사용 방식을 분석하고 이해하는 데 도움이되는 제 3 자 쿠키를 사용합니다.이 쿠키는 귀하의 동의하에 만 브라우저에 저장됩니다.이러한 쿠키를 거부 할 수도 있습니다.그러나 이러한 쿠키 중 일부를 선택 해제하면 검색 환경에 영향을 미칠 수 있습니다.99

Previous Table of Contents Next
JavaScript Math Object JavaScript Document Object

답글 남기기

이메일 주소는 공개되지 않습니다.