홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송
자바스크립트 객체, 속성, 메소드 이해하기
홈페이지홈페이지 18년 전
1) 객체(Objet)
우리가 일상 생활에서 접하는 유형 무형의 모든 것이 객체라고 할 수 있습니다. 사람, 컴퓨터, 시계와 같이 눈에 보이는 것 뿐 만 아니라 마음과 같이 보이지 않는 것도 객체의 자격이 있습니다. 자바스크립트에서 객체는 일반적으로 웹브라우저와 관계되어 사용됩니다. 즉 브라우저 윈도우, 웹문서, 문서에 포함된 이미지, 폼 등과 같은 요소들이 하나의 객체가 됩니다. 이외에도 시간, 배열 등과 같이 자바스크립트 자체에 내장된 객체도 있으며 사용자가 정의한 객체도 사용할 수 있습니다.

2) 속성(Property)
자바스크립트에서 각각의 객체들은 속성을 가집니다. 사람이라는 객체의 속성인 얼굴은 눈, 귀, 코와 같은 속성을 가진 또 다른 하나의 객체가 될 수 있습니다.. 즉 하위 객체는 상위 객체의 속성이 됩니다. 자바스크립트에서도 이미지는 분명 하나의 객체이지만 document 객체의 속성이 되기도 합니다. 웹 문서는 자바스크립트에서 객체이고 배경색, 문서의 제목 등과 같은 속성을, 이미지는 너비, 높이 등의 속성을 가집니다. 객체의 속성을 바꾸기 위해서는 도트(.)를 사용하여 다름과 같이 구분해 적어주면 됩니다.

ex) 객체,속성 = "속성값"

예를 들어 웹문서의 배경색을 검은색으로 바꿀려면 어떻게 해야 할까요? 웹문서는 'document'이라는 객체이고 배경색은 bgcolor라는 속성명으로 표현되므로 다음과 같이 압력하면됩니다.

ex) documnet.bgcolor="black"

3) 메소드(Method)
속성이 객체에 속한 성질이라면 메소드는 객체의 동작을 좌우하는 것입니다. 사람을 웃게 한다든지 컴퓨터를 켜게 하는 것과 같이 어던 행동과 동작을 유발하는 것이 바로 메소드의 역활입니다.

자바스크립트에서는 'open( ) 메소드'를 이용하여 새로운 창을 열수도 있고(), 'write()메소드'를 이용하여 웹문서에 문자열을 출력한느 등 갖가지 흥미로운 효과를 가져 올 수 있습니다.

ex) 객체, 메소드(값)

추천추천 : 253 추천 목록
번호 제목
1,339
 Windows10 특정 프로그램(OCS 2007 R2)에서 첨부파일 드래그앤드롭이 안 되는 현상
1,338
 윈도우 로그, 관리 이벤트 삭제
1,337
 클린 부팅
1,336
 Windows 구성 요소 저장소에서 파일 손상 검사
1,335
 Windows Defender 검사 기록 삭제하기
1,334
 간단한 윈도우 10 정품 인증 (크랙프로그램 필요없음)
1,333
 오류난 폴더 강제삭제 방법
1,332
 크롬에서 플래시 항상 허용하도록 설정하기 (레지스트리) reg 파일 만들기
1,331
 GPT 디스크를 MBR 디스크로 변환
1,330
 MBR 디스크를 GPT 디스크로 변환
1,329
 구글 검색을 200% 활용하게 해주는 검색 명령어 총정리
1,328
 [Jquery] jQuery로 우클릭 방지, 드래그 방지, 선택 방지 (IE10, 파이어폭스, 크롬 확인)
1,327
 php 사용자 접속IP, 브라우저정보, os정보, http, https 접속프로토콜 알아오기
1,326
 [PHP] IE 브라우저 접속 검출하기
1,325
 윈도우10 시스템 예약 파티션 확인 및 삭제
1,324
 윈도우10 복구 파티션 삭제 방법
1,323
 윈도우10 부팅지연 검은화면에서 몇분간 머무는 현상 해결방법
1,322
 삼성노트북 바이오스 진입이 불가능한 경우 바이오스 재설치와 NVRAM 초기화
1,321
 익스플로러(IE)의 구글 검색공급자 한글로 변경 방법
1,320
 윈도우 10 기본 앱 삭제 및 복구
1,319
 meta 태그 http-equiv 설정방법과 차이점
1,318
 구글(Google)검색에서 고급연산자를 이용하여 많은 정보를 얻는 방법
1,317
 프로그램 없이 하드디스크 복사 및 백업하기
1,316
 Windows7 업데이트 기록 삭제방법
1,315
 포토샵 psd 파일 연결 레지스트리(registry) 편집
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.