10. Navigator 객체


  지금까지 배운걸로는 자바스크립트의 묘미를 느낄 수 없을 것이다. 자바스크립트는 브라우저를 객체로 인식하여 자바스크립트를 통해서 브라우저를 통제할 수 있도록 하고 있다. 바로 이점 때문에 자바스크립트를 배울려는 사람이 많은 지도 모르겠다.

  Navigator객체란 간단히 말하면 브라우저를 말한다고 보면 된다. ( 조금 이상하기는 하지만, 큰 무리는 없다. )

10.1 네비게이터객체의 구조

  웹 브라우져가 HTML을 읽어들이면 그 안에 자바스크립트가 포함되어 있다. 그렇게 되면 자바스크립트는 현재의 문서를 포함하는 브라우져 객체에 대한 접근을 할 수 있게 된다.

  사용할 수 있는 객체와 그 구조는 다음에 나타난 것과 같다. 보는 바와 같이 HTML을 아는 사람이라면, 대충 무슨 객체가 뭘 의미하는지 알 수 있을 것이다.


  이 객체들을 잘만 사용하면 근사함 홈페이지를 구축할 수 있다. 그럼, 자세히 들어가기 전에 간단히 주요한 객체 몇가지를 살펴보자

  • navigator : 브라우져명과 버전정보를 속성으로 가진다.

  • window : 최상위 객체로, 각 프레임별로 하나씩 존재

  • document : 현재의 문서에 대한 정보

  • location : 현재 URL에 대한 정보. 브라우져에서 사용자가 요청하는 URL.

  • history : 현재의 브라우져가 접근했던 URL의 history.

    브라우저와 객체   위의 객체들은 실제 브라우져에서 해당하는 메뉴나 아이콘이 존재한다. locaiton의 경우는 사용자가 URL을 입력하는 text창을 말한다고 생각하면된다. history의 경우는 back, foward버튼으로 이미 방문한 URL들을 왔다갔다 할 수 있는데, 이때, 이 history객체에 저장된 순서를 참조하게 되는 것이다.
  위의 그림이 너무 어렵다면 다음과 같은 계층은 반드시 알고 있어야 한다.( 처음에는 좀 부담스러울지 모르지만, 조금만 지나면 저절로 외워지게 되니 걱정말라.)

window -> (frame) -> document -> form -> button etc

- Last Update : 2001.7.3 by Deadfire(http://www.deadfire.net)

Javascript 강좌
들어가기
Javascript란?
작동 방식
장 단 점
기 초
     - HTML문서에추가하기
     - 최초 예제
     - 함수사용하기
     - 기본 함수
문 법
     - 변 수
     - 연 산
     - 조 건 문
     - 반 복 문
     - 사용자함수
객 체
     - Object란?
     - 속성과 함수
     - 객체의 생성과사용
내장 객체
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - 기 타
     - with / delete
Event 객체
네비게이터 객체
     - 네비게이터객체구조
     - 객체 접근 방법
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements
Frame 객체
기 타
     - Animation
     - Audio
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master