내장 객체 내장 객체는 사용자가 손쉽게 가져와서 사용할 수 있도록 미리 만들어진 객체이다. 1. windows 객체 windows 객체의 프로퍼티는 웹 브라우저 창과 관련된 정보를 가지고 있다. 1.1 window 객체 프로퍼티 프로퍼티 설명 status 브라우저의 상태바에 문자열을 출력하는 경우에 사용 defaultStatus 브라우저의 상태바에 초기 문자열을 설정 length 창안의 프레임 수 name 창 이름 self 현재 창 자신, window와 같음 window 현재 창 자신, self와 같음 parent 프레임에서 현재프레임의 상위프레임 top 현재프레임의 최상위프레임 opener open()으로 열린 창에서 볼 때 자기를 연 창 document document 오브젝트 frames 창안의 모..

DOM DOM이란, 자바스크립트 같은 프로그래밍 언어로 웹 문서에 접근하고 제어할 수 있도록 웹 문서를 체계적으로 정리하는 방법을 말한다. DOM에서는 웹 문서를 하나의 객체로 정의하고, 웹 문서 전체는 document 객체로, 웹 문서에 삽입된 이미지는 image 객체로 나타내는 등 웹 문서와 그 안의 요소들을 객체로 인식하고 조절한다. 이를 문서 객체 모델 이라고도 한다. DOM 트리 DOM에서 웹 문서를 구조화하려면 먼저 웹 문서 구조를 부모 요소와 자식 요소로 구분해서 포함 관계를 나타내야 한다. 이를 구분해서 표시하다 보면 마치 나무처럼 모양이 나타나 이것을 DOM 트리 라고 부른다. DOM 트리에서 가지가 갈라져 나가는 부분은 노드(node), DOM 트리의 시작 부분인 html 노드 같은 경..

함수 (Function) JavaScript에서 함수란? 동작해야 할 목적대로 여러 개의 명령을 묶는 것을 함수라고 한다. 1. 함수를 사용하는 이유 코드를 재사용할 수 있다. 다른 인자를 사용하여 동일한 코드를 여러 번 사용할 수 있으며, 다른 결과를 도출할 수 있다. 2. 함수의 특징 변수안에 담길 수 있다. 객체의 속성안에 method로 담길 수 있다. 다른 함수의 인자값을 전달될 수 있다. 함수의 return값으로도 사용할 수 있다. 배열의 값으로도 사용할 수 있다. 3. 함수 선언 function 함수명 () { // 명령 } 함수 내에 선언된 변수는 함수의 지역변수가 된다. 지역 변수는 함수 내에서만 접근할 수 있으며 함수가 시작될 때 생성되고 함수가 완료되면 삭제된다. 함수 이름에는 문자, ..

간단한 스크립트부터 시작하기 인라인 스크립트 (inline script) HTML 태그 안에 직접 작성하는 자바스크립트 팝업 창을 열고 닫거나, 알림 메시지를 표시하는 것처럼 간단한 명령에 사용된다. 내부 스크립트 (internal script) 웹 문서에서 태그를 사용해 자바스크립트 소스만 모아두는 스크립트이다. 한 문서 안에 여러 개의 태그 없이 자바스크립트 소스만 작성한 뒤 확장자를 .js인 파일로 저장한다. 그 후 HTML 문서에서 // 최근에는 defer 속성을 추가해 웹 문서 요소가 다 가져와진 뒤 자바스크립트를 실행하도록 지정하기도 한다. 기본적인 입·출력 명령 # alert() 함수 : 알림 창에 텍스트나 변숫값을 표시할 수 있다. alert("안녕하세요") // 알림 창에 '안녕하세요'를..