JavaScript는 핵심으로 창이있는 객체 세트를 제공하여 브라우저 Windows의 액세스 제어를 실현합니다. 6 개의 중요한 객체는 JavaScript로 정의되어 있습니다.
창 객체는 브라우저에서 열리는 창을 나타냅니다.
문서 개체는 브라우저에 페이지를로드하는 문서 개체를 나타냅니다.
위치 객체에는 브라우저의 현재 URL 정보가 포함되어 있습니다.
탐색 객체에는 브라우저 자체에 대한 정보가 포함되어 있습니다.
화면 객체에는 클라이언트 화면 및 렌더링 기능에 대한 정보가 포함되어 있습니다.
히스토리 객체에는 웹 페이지에 액세스하는 브라우저의 과거 정보가 포함되어 있습니다.
창 객체 외에도 다른 5 개의 객체는 창 객체의 속성입니다. 그들의 관계는 다음과 같습니다.
1. Windows 객체
창 객체는 JavaScript Global 객체이므로 Window 개체를 사용하는 속성과 방법을 지정할 필요가 없습니다. 예를 들면 다음과 같습니다. ALERT, 전체 호출은 실제로 Window.Alert이며 일반적으로 Window 객체에 대한 참조를 생략합니다.
1. Windows 객체의 속성, 메소드 및 이벤트
| 속성 이름 | 효과 | 데모 |
|---|---|---|
| 이름 | 창의 이름을 지정합니다 | |
| 조상 | 현재 창 (프레임)의 상위 창 (객체의 메소드 및 속성을 반환하기 위해 사용합니다. | |
| 여는 사람 | 현재 창을 생성하는 창 객체를 반환하고이를 사용하여 객체의 메소드와 속성을 반환합니다. | |
| 맨 위 | 기본 창을 나타내고 최상위 창이며 다른 모든 창의 부모 창입니다. 현재 창의 메소드와 속성은이 개체를 통해 액세스 할 수 있습니다. | |
| 본인 | 현재 창의 메소드와 속성에 액세스 할 수있는 현재 창의 객체를 반환합니다. | |
| DefaultStatus | 브라우저 상태 표시 줄에 표시 될 기본 콘텐츠를 반환하거나 설정합니다. | |
| 상태 | 브라우저 상태 표시 줄에 표시 될 지정된 컨텐츠를 반환 또는 설정 |
| 메소드 이름 | 효과 | 데모 |
|---|---|---|
| 알리다() | 메시지와 확인 버튼이 포함 된 경고 대화 상자가 표시됩니다. | |
| 확인하다() | 확인 대화 상자를 표시하십시오 | |
| 즉각적인() | 사용자에게 데이터를 입력하라는 메시지가 표시되는 신속한 대화 상자 표시 | |
| 열려 있는() | 기존 창을 열거 나 새 창을 만들고 해당 창에 문서를로드하십시오. | |
| 닫다() | 열린 창을 닫으십시오 | |
| avigate () | 현재 창에 지정된 웹 페이지를 표시합니다 | |
| settimeout () | 지정된 시간 간격이 통과 된 후 타이머를 설정하고 함수를 호출하십시오. | |
| 클리어 타임 아웃 () | 지정된 타이머를 재설정하십시오 | |
| 집중하다() | 창 객체가 현재 초점을 맞추십시오 | |
| 흐림() | 창 객체가 현재 초점을 잃게 만듭니다 |
| 이벤트 | 설명 | 데모 |
|---|---|---|
| onload | HTML 파일이 브라우저에로드 될 때 발생합니다 | |
| onunload | HTML 파일이 브라우저에서 삭제 될 때 발생합니다 | |
| Onfocus | 창이 집중할 때 발생합니다 | |
| onblur | 창이 초점을 잃을 때 발생합니다 | |
| 온 헬프 | 사용자가 F1 키를 누를 때 발생합니다 | |
| onresize | 사용자가 창을 크기를 조정할 때 발생합니다 | |
| onscroll | 사용자가 창을 스크롤 할 때 발생합니다 | |
| 오류 | HTML 파일을로드 할 때 오류가 발생할 때 발생합니다. |
2. 창 객체에서 제공하는 주요 기능 :
창의 크기와 위치를 조정하고 새 창, 시스템 프롬프트 박스, 상태 표시 줄 제어 및 타이밍 작업을 열십시오. 다음은이 5 가지 기능에 대한 다음 설명입니다.
(1) 창의 크기와 위치를 조정하십시오
방법 | 용법 | 설명 |
Window.moveby 브라우저 창을 지정된 위치 (상대 위치)로 이동 | Window.moveby (dx, dy) | 보안 및 우수한 사용자 고려 사항의 경우 JavaScript 스크립트를 사용하여 Windows를 시각적 영역 외부로 이동하는 데 사용할 수 없습니다. 브라우저 창은 항상 화면의 시각적 영역에 있어야합니다. |
Window.moveto 브라우저 창을 지정된 위치로 이동하십시오 (절대 포지셔닝) | Window.Moveby (X, Y) | 지정된 좌표 (x, y)가 가시 영역 외부의 일부 또는 전부를 넣으면 창이 화면 가장자리에 가장 가깝게 유지됩니다. |
Window.resizeby 브라우저 창의 크기를 지정된 너비와 높이로 변경하십시오 (비교적 창 크기 조정). | Window.resizeby (DW, DH) | |
Window.resizeto 브라우저 창의 크기를 지정된 너비와 높이로 변경하십시오 (윈도우를 절대적으로 조정하십시오). | Window.Resizeto (W, H) | 지정된 너비와 높이는 음수 일 수 없습니다 |
(2) 새 창을 엽니 다
사용법 : Window.open ([url], [대상], [옵션])
매개 변수 URL : 새 창에로드 할 URL. 매개 변수가 지정되지 않으면 빈 페이지가 기본적으로로드됩니다. 예를 들면 : window.open ( "test.htm");
매개 변수 대상 : 새로 열린 창의 대상 또는 이름
_ 현재 창에 새 페이지를로드합니다
_ 블랭크 새 페이지에 새 페이지를로드합니다
_parent는 부모 창에 새 페이지를로드합니다
_top은 상단 창에 새 페이지를로드합니다
매개 변수 옵션 : 새로 열린 창의 속성은 쉼표로 분리 된 여러 옵션으로 구성되며 각 옵션에는 옵션의 이름과 값이 포함됩니다.
옵션 | 설명 |
키 | 창의 높이, 단위 픽셀 |
너비 | 창의 너비, 단위 픽셀 |
왼쪽 | 창의 왼쪽 가장자리 위치 |
맨 위 | 창의 상단 가장자리 위치 |
전체 화면 | 전체 화면 여부, 기본값 번호 |
위치 | 주소 표시 줄을 표시할지 여부는 기본값이 예입니다. |
메뉴 바 | 메뉴 표시 줄을 표시할지 여부는 기본값이 예입니다. |
RESIZAL | 창 크기를 변경할 수 있는지 여부, 기본값은 예입니다. |
스크롤 바 | 스크롤 바를 표시할지 여부, 기본값 예 |
상태 | 상태 표시 줄을 표시할지 여부, 기본값은 예입니다. |
타이틀 바 | 제목 표시 줄을 표시할지 여부는 기본값이 예입니다. |
도구 모음 | 도구 모음을 표시할지 여부는 기본값이 예입니다. |
(3) 시스템 프롬프트 상자
window.alert 메시지 프롬프트 상자, 사용법 창. alert ([메시지]); (참고 : 창 객체는 일반적으로 생략되며 경고는 직접 사용됩니다)
Window.confirm 확인 및 취소 버튼이 포함 된 확인 대화 상자가 표시됩니다.
Window.prompt 텍스트 입력 상자가 포함 된 메시지 프롬프트 상자가 표시됩니다.
사용법 : window.prompt ([메시지], [기본값]); 메시지는 프롬프트 상자에 표시된 텍스트이며 기본값은 텍스트 상자의 기본값입니다.
(4) 상태 막대 제어
창을 통해 제어됩니다. 예를 들면 : window.status = "오류 프롬프트"; 그렇게하면 사용자 경험에 영향을 미치므로 상태 표시 줄 정보를 수정하는 것이 좋습니다.
(5) 시간이 정한 작업
타이밍 작업은 일반적으로 웹 개발에서 사용되는 기능입니다. AJAX 기술을 기반으로 한 개발에는 백엔드 서버에 정기적으로 액세스하고 프론트 엔드 페이지를 업데이트 해야하는 응용 프로그램 유형이 있습니다. 이 유형의 응용 프로그램 구현은 일반적으로 타이밍 작업 기능에 따라 다릅니다.
Window.SetInterval, Window.ClearInterval, Window.SetTimeout 및 Window.ClearTimeout의 네 가지 타이밍 작업 기능이 있습니다. 이 네 가지 기능은 창 객체의 방법으로 브라우저의 타이밍 작업이 브라우저 창에 의해 완료됨을 의미합니다. 다음은이 네 가지 방법의 사용에 대한 자세한 소개입니다.
window.setInterVal은 타이머를 설정하고 지정된 코드 창을 실행합니다.
설명 : 코드 매개 변수는 문자열 형태의 함수 또는 JavaScript 코드 일 수 있습니다.
시간 매개 변수는 코드를 실행하기위한 시간 간격이며 장치는 MS입니다.
setinterVal 함수 Window.clearInterval (시간)에 의해 설정된 타이머를 지우는 window.clearInterval;
wink
참고 : 코드 매개 변수는 문자열 형태의 함수 또는 JavaScript 코드 일 수 있습니다. settimeout과 setinterval의 차이점은 Settimeout이 지정된 코드 만 한 번만 실행한다는 것입니다.
시간 매개 변수는 코드를 실행하기위한 시간 간격이며 장치는 MS입니다.
settimeout settimeout 함수 window.cleartimeout (time)에서 설정 한 타이머를 지우십시오.
JavaScript 브라우저 객체 중 하나 인 Window Object에 대한 자세한 설명은 편집기가 공유하는 모든 컨텐츠입니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.