비디오: 웹에플리케이션 만들기 - 개발도구 3 : 아톰 사용법 2024
By John Paul Mueller
JavaScript는 객체를 광범위하게 사용합니다. JavaScript로 작업 할 때 사용할 객체와 사용시기를 아는 것이 중요합니다. 브라우저, 핵심 문서 객체 모델 (DOM) 및 HTML DOM 객체를 알면 표준 응용 프로그램 (및 많은 간단한 응용 프로그램)의 상당 부분을 구성 할 수 있습니다. 이것들은 가장 일반적으로 사용되는 JavaScript 객체이므로 손끝에 두십시오.
JavaScript 브라우저 객체를 사용하여 응용 프로그램 환경을 관리하는 방법
JavaScript 브라우저 객체를 사용하면 응용 프로그램 환경을 검색하고 변경할 수 있습니다. 사용자가 어디로 갔는지, 어디에서 현재인지, 어디에서 사용자를 데려 갈 수 있는지를 알면 애플리케이션 흐름을 효과적으로 제어 할 수 있습니다. 물론 사용자가 가지고있는 화면의 크기를 파악하여 사용자 기기의 물리적 특성을 반영하는 방식으로 데이터를 표시 할 수 있어야합니다.
다음 표는보다 흥미로운 JavaScript 브라우저 옵션에 대해 설명합니다.
| Object | Description |
|---|---|
| history | 브라우저 히스토리에 저장된
URL을 검사하고 이동하는 방법을 제공합니다. 이 객체와 관련된 메서드 및 속성의 전체 목록은 www.com에서 볼 수 있습니다. w3schools. com / jsref / obj_history. ASP. |
| 위치 | 현재 URL에 대한 정보가 들어 있습니다. 이 객체도
는 새 페이지를로드하거나 현재 페이지를 다시로드하는 등의 작업을 수행 할 수있는 방법을 제공합니다. 이 객체와 관련된 메서드 및 속성의 전체 목록은 www.com에서 볼 수 있습니다. w3schools. com / jsref / obj_location. ASP. 탐색기 |
| 현재 브라우저에 대한 정보가 들어 있습니다. 예를 들어 | 를 사용하면 브라우저 유형과 브라우저에서
쿠키가 활성화되었는지 여부를 결정할 수 있습니다. www에서이 개체와 관련된 메서드 및 속성의 전체 목록을 볼 수 있습니다. w3schools. com / jsref / obj_navigator. ASP. 화면 |
| 페이지 높이, 너비 및 색상 깊이를 포함하여 페이지를 표시하는 데 사용되는 장치의 물리적 특성을 지정합니다. | www에서이 객체와 연관된 메소드 및 속성의 전체 목록을 볼 수 있습니다.
w3schools. co.kr / jsref / obj_screen. ASP. 창 메시지 창 표시와 같은 작업을 수행 할 수 있도록 브라우저 창에 대한 액세스를 제공합니다. 프레임이 포함 된 |
| 페이지로 작업 할 때 브라우저는 | 전체 HTML 문서에 대한 창과 각 프레임에 대한 다른 창을 만듭니다.이
객체와 관련된 메소드와 속성의 전체 목록은 www에서 확인할 수 있습니다. w3schools. com / jsref / obj_window. ASP. 핵심 DOM 객체를 사용하여 응용 프로그램 내용을 관리하는 방법 JavaScript 응용 프로그램의 목표는 내용을 관리하는 것입니다. 이는 컨텐츠를 구조화하고 지원하는 다양한 요소를 보유하고있는 HTML 문서를 추가, 삭제 및 편집하는 것을 의미합니다. 이러한 개체는 콘텐츠와 관련된 모든 문서 세부 정보에 대한 액세스를 제공합니다. 개체 |
Attr
문서 내의 개별 특성에 대한 액세스를 제공합니다.
| www에서이 객체와 연관된 메소드 및 속성의 전체 목록을 볼 수 있습니다. | w3schools. co.kr / jsref / dom_obj_attr. ASP. |
|---|---|
| 문서 | 전체 문서에 대한 액세스를 제공합니다. 이 객체
를 사용하여 문서의 모든 부분에 액세스 할 수 있습니다. 또한이 객체를 사용하면 페이지에 직접 정보를 표시하고 사용자 인터페이스와 관련된 다른 작업을 수행 할 수 있습니다. 이 객체와 관련된 메소드 및 속성의 전체 목록은 www. w3schools. com / jsref / dom_obj_core_document. ASP. |
| 요소 | XML로 지원되는 모든 유형의 개별 문서 요소를 포함합니다. 이 객체는 Attr 객체를 통한 속성 및 Node 객체를 통한 속성에 대한 액세스를 제공합니다. 이 객체와 관련된
메서드 및 속성의 전체 목록은 www.com에서 볼 수 있습니다. w3schools. com / jsref / dom_obj_element. ASP. 이벤트 기존 이벤트에 대한 액세스 및 새 이벤트 만들기를 지원합니다. www에서이 객체와 연관된 메소드 및 속성의 전체 목록을 볼 수 있습니다. |
| w3schools. com / jsref / dom_obj_event. ASP. | HTMLElement
단락이나 컨트롤과 같은 개별 HTML 문서 요소를 포함합니다. Element 및 Node 객체를 사용하여 |
| 요소 속성 및 속성에 액세스 할 수 있습니다. 이 객체와 관련된 메소드 및 속성의 전체 목록은 www. w3schools. com / jsref / dom_obj_all. ASP. | 노드
문서 전체, 문서 내의 요소 및 요소, 텍스트 및 주석의 일부로 제공되는 특성을 포함 할 수있는 특정 노드의 세부 사항을 정의합니다. |
| 는이 객체와 함께 | 관련된 메소드와 속성의 전체 목록을 www. w3schools. com / jsref / dom_obj_node. ASP.
NodeFilter 문서 내의 노드 목록을 통과하는 데 사용되는 NodeIterator의 일부로 표시 할 노드를 지정합니다. 이 개체와 관련된 메서드 및 속성의 전체 목록은 https: // developer에서 볼 수 있습니다. 모질라. org / ko-US / docs / DOM / NodeFilter. NodeIterator |
| 문서 내의 노드리스트를 얻는 메소드를 제공합니다. 노드 목록을 탐색하면 특정
노드를 찾고 상호 작용할 수 있습니다. 예를 들어, 태그 노드를 모두 찾아 특정 속성을 추가 할 수 있습니다. 이 개체와 관련된 메서드 및 속성의 전체 목록은 https: // developer에서 볼 수 있습니다.모질라. org / ko-US / docs / DOM / NodeIterator. |
|
| NodeList | 문서
내의 모든 노드 또는 문서의 특정 영역에 대한 정렬 된 목록을 포함합니다. www에서이 객체와 관련된 메소드 및 속성의 전체 |
| 목록을 볼 수 있습니다. w3schools. com / jsref / dom_obj_nodelist. ASP. | NamedNodeMap
문서 내의 모든 노드 또는 문서의 특정 영역에 대한 정렬되지 않은 목록을 포함합니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록을 볼 수 있습니다. w3schools. com / jsref / dom_obj_namednodemap. ASP. HTML DOM 객체를 사용하여 구조를 관리하는 방법 |
| 사용자가 화면에서 보는 정보를 JavaScript를 사용하여 응집 된 프레젠테이션으로 구성하는 것이 중요합니다. 사용자는 HTML 문서 구조를보아야하지만 구조가 내용을 지원해야하므로주의를 환기 시켜서는 안됩니다. 페이지 작업시 테이블에서 컨트롤에 이르기까지 모든 것이 포함되어있어 사용자가보고 싶은 내용과 상호 작용하고 관리하는 데 사용됩니다. 다음 HTML DOM 객체는 JavaScript로 작업 할 때이 작업을 수행하는 데 도움이됩니다. | 개체
설명 문서 전체 페이지의 모든 요소에 대한 액세스를 제공합니다. 브라우저에로드 된 모든 |
| 페이지는 document 키워드를 사용하여 액세스하는 Document 객체가됩니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록 | 을 볼 수 있습니다. w3schools. com / jsref / dom_obj_document. ASP.
이벤트 페이지와 연관된 이벤트 및 이벤트 처리기 와의 상호 작용을 허용합니다. 각 요소 유형에는 |
Button 객체와 연관된 클릭 이벤트와 같이 특정 이벤트
가 관련되어 있습니다.
| www에서이 객체와 관련된 메소드 및 속성의 전체 | 목록을 볼 수 있습니다. w3schools. com / jsref / dom_obj_event. ASP. |
|---|---|
| HTMLElement | 모든 HTML 요소가 파생되는 기본 클래스를 제공합니다.
이 기본 클래스는 모든 HTML 요소가 제공하는 속성과 메서드를 정의합니다. www에서이 개체와 관련된 메서드 및 속성의 전체 목록을 볼 수 있습니다. w3schools. com / jsref / dom_obj_all. ASP. |
| 앵커 | HTML 하이퍼 링크를 나타냅니다. 이 객체와 관련된 메소드 및 속성의 전체 목록은 www. w3schools. com / jsref / dom_obj_anchor. ASP.
영역 그래픽 요소의 클릭 가능 영역을 만드는 데 사용되는 HTML 이미지 맵 내의 영역을 정의합니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록을 볼 수 있습니다. w3schools. com / jsref / dom_obj_area. ASP. 기본 |
| 페이지의 모든 링크 | 에 대한 기본 주소 또는 기본 대상을 지정합니다. www에서이 개체와 관련된 메서드 및
속성의 전체 목록을 볼 수 있습니다. w3schools. com / jsref / dom_obj_base. ASP. 본문 해당 |
| 태그에 포함 된 모든 요소를 포함하여 페이지의 태그 | 부분을 나타냅니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록을 볼 수 있습니다.
w3schools. com / jsref / dom_obj_body. ASP. |
| 단추 | 페이지의 단추를 나타냄니다. 이 객체는
태그의 태그 양식이 아니라 태그와 특별히 관련되어 있습니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록을 볼 수 있습니다. |
| w3schools. com / jsref / dom_obj_pushbutton. ASP. | 서식
양식을 나타내며 양식의 모든 요소를 포함합니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록을 볼 수 있습니다. |
| w3schools. com / jsref / dom_obj_form. ASP. | 프레임 및 IFrame
프레임 (태그) 또는 인라인 프레임 (태그) 및 |
| 태그 내에있는 모든 요소를 나타냅니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록을 볼 수 있습니다. | w3schools. com / jsref / dom_obj_frame. ASP.
프레임 세트 둘 이상의 프레임을 포함하는 프레임 세트에 대한 액세스를 제공합니다. 이 객체는 연관된 프레임을 유지하는 데 사용되는 행과 열의 수만 지정합니다. 이 객체와 관련된 메서드 및 속성의 전체 목록은 www.com에서 볼 수 있습니다. w3schools. com / jsref / dom_obj_frameset. ASP. |
| 이미지 | 포함 된 이미지를 나타냅니다. 이 객체와 관련된 메소드 및 속성의 전체 목록은 www. w3schools. com / jsref / dom_obj_image. ASP.
입력 버튼 양식 작성에 사용되는 |
| 유형 버튼의 태그를 나타냅니다. www에서이 객체와 관련된 메소드 및 속성의 전체 목록 | 을 볼 수 있습니다. w3schools. co.kr / jsref / dom_obj_button. ASP.
입력 확인란 |