[자바스크립트] 웹 브라우저에 정의된 객체에 대하여 알아보자

웹 브라우저 정의 된 객체/예제

 

 

 

웹 브라우저에는 미리 정의 된 객체들이 존재 합니다. 이 내장 객체들은 각각의 수행하는 기능들을 가지고 있습니다.

 

객체	기능
navigator	사용하고 있는 브라우저에 대한 정보를 제공합니다.
window, frame	브라우저 윈도우의 상태를 제어 합니다.
document	문서 자체를 다루는 객체 입니다.
form	사용자이 입력 폼을 제어합니다.
location	현재 문서의 URL에 기반한 정보를 가지는 객체입니다.
history	브라우저가 이미 방문했던 사이트들에 대한 URL 값을 가지고 있습니다.

 

navigator 객체를 이용하여 간단한 예제를 만들어 보도록 하겠습니다.

테스트를 위해서 아직 ErunJoy블로그에서 다루지 않은 함수 등 기능들을 사용 해 보았습니다.

 

<SCRIPT LANGUAGE="JavaScript">

  function appName(){
        var browser=navigator.appName;
        alert("브아우저 응용 프로그램 명 : " + browser + " 입니다.");

  }

 

  function userAgent(){
        var browser=navigator.userAgent;
        alert("브라우저 에이전트 : " + browser + " 입니다.");

  }

 

  function appVersion(){
        var browser=navigator.appVersion;
        alert("브라우저 버전 : " + browser + " 입니다.");

  }

</SCRIPT>

<input type="button" value="브아우저 응용 프로그램 명" onClick="appName()" style="width:200; height:70;" />

<input type="button" value="브라우저 에이전트" onClick="userAgent()" style="width:200; height:70;" />

<input type="button" value="브라우저 버전" onClick="appVersion()" style="width:200; height:70;" />

 

 

자바스크립트를 통한 웹 브라우저 정의 된 객체를 활용하는 방법에 대하여 알아보았습니다.