반응형
브라우저에 미리 정의되어 내장된 객체들을 말한다.
  1. Navigator 객체

    브라우저에 대한 정보를 제공하는 객체로 계층구조에 포함되지 않고 따로 존재한다.

    • Navigator 객체의 특성

      특성 의미
      appVersion 브라우저의버전
      appName 애플리케이션 이름
      appCodeName 브라우저 코드 이름
      userAgent 브라우저의 user Agent
      mimeTypes 브라우저에서 지원하고 있는 MIME 타입들
      plugins 브라우저에 설치된 플러그인의 종류
      language 브라우저가 사용하는 언어
      platform 브라우저가 설치된 시스템 종류

    • Navigator 객체의 메소드

      메소드 의미
      javaEnabled() 현재 브라우저가 자바를 지원하고 있는지를 체크한다

      예제1 실행화면
      <script language="javascript">
      <!--
      function infor() {
      var mirage = "방문자 브라우저 정보" + "\n \n" mirage += "브라우저 버전 : " + navigator.appVersion + "\n"
      mirage += "애플리케이션 이름 : " + navigator.appName + "\n"
      mirage += "코드이름 : " + navigator.appCodeName + "\n"
      mirage += "User Agent : " + navigator.userAgent + "\n"
      alert(mirage)
      }
      //-->
      </script>
      <input type="button" value="브라우저정보" onclick="infor()">
      <INPUT onclick="infor()" type="button" value="브라우저정보">

    • mimeTypes

      현재 브라우저가 지원하는 mime 타입을 보여주는 배열변수로서 mime타입의 종류,설명,파일확장자,플러그인 객체 등의 정보를 포함하고 있다

      • mimeTypes 의 특성

        특성 의미
        type MIME 타입의 이름
        description MIME 타입에 대한설명
        enabledPlugin MIME 타입을 처리할 Plugin 객체
        suffixes MIME 타입에 해당하는 파일의 확장자 리스트

    • plugins

      현재 브라우저가 지원하는 플러그인 프로그램에 관한 정보를 보여주는 배열변수로서 플러그인의 이름,설명,지원하고 있는 MIME타입 등의 정보를 포함하고 있다.

      • plugins 의 특성

        특성 의미
        type 플러그인의 이름
        description 플러그인에 대한설명
        filename 디스크에있는 플러그인 파일이름
        [...] 플러그인이 처리할 수 있는 mimetype 객체의 배열
        length 배열의크기

    • javaEnabled()

      자바를 사용할수 있는지를 검사한다.
      자바를 사용할 수 있으면 true를 사용할 수 없으면 false를 리턴한다.

      예제2 실행화면
      <script>
      function javain() {
      if(navigator.javaEnabled()) {
      alert("방문하신 님의 PC는 자바를 사용할 수 있습니다.")
      }
      else {
      alert("방문하신 님의 PC는 자바를 사용할 수 없습니다.")
      }
      }
      </script>
      <input type="button" value="자바사용유무" onclick="javain()">
      <INPUT onclick="javain()" type="button" value="자바사용유무">

      [출처] [13]객체5|작성자 붉은매


반응형

브라우저에 미리 정의되어 내장된 객체들을 말한다.
  1. Link 객체

    HTML문서에 들어있는 모든 링크에 대한 정보를 제공하는 객체로 document 객체의 하위객체이다.

    • Link 객체의 특성

      특성 의미
      target 정보를 보여줄 윈도우나 프레임
      href 문서의 URL주소
      port 포트번호
      host URL주소의 호스트이름과 포트번호
      hostname URL주소의 호스트이름
      protocol 프로토콜 종류
      pathname 디렉토리 위치
      search 검색엔진을 호출할때 사용하는 형식
      hash 표식이름

    • Link 객체의 이벤트 핸들러

      이벤트 핸들러 의미
      onClick 마우스로 링크를 클릭 했을때 발생하는 이벤트 핸들러
      onMouseOver 마우스로 링크위를 지나갔을 때 발생하는 이벤트 핸들러
      onMouseOut 마우스가 링크 밖으로 나갔을때 발생하는 이벤트 핸들러
      onMouseDown 마우스 버튼을 눌렀을때 발생하는 이벤트 핸들러
      onMouseUp 마우스 버튼을 놓았을때 발생하는 이벤트 핸들러
      onDblClick 마우스로 링크를 더블클릭 했을때 발생하는 이벤트 핸들러
      onKeyDown 키보드에서 키를 눌렀을 때 발생하는 이벤트 핸들러
      onKeyUp 키보드에서 키를 놓았을 때 발생하는 이벤트 핸들러
      onKeyPress 키보드에서 키를 눌렀을 때 발생하는 이벤트 핸들러

  2. Anchor 객체

    HTML문서에 들어있는 모든 표식에 대한 정보를 제공하는 객체이다.
    document 객체의 하위객체로 문서에 들어있는 표식의 수를 구할때 사용한다.

    document.anchors.length

  3. Image 객체

    이미지에 대한 정보를 제공하는 객체이다.

    • Image 객체의 특성

      특성 의미
      name image객체의 이름
      src 이미지파일의 위치
      lowsrc 이미지파일의 위치
      height 이미지의 세로길이
      width 이미지의 가로길이
      border 이미지 테두리선 굵기
      hspace 이미지 가로여백
      vspace 이미지 세로여백
      complete 이미지 전송이 끝났는지의 여부
      prototype image 객체에 특성을 추가하기 위한 것

    • Image 객체의 이벤트 핸들러

      이벤트 핸들러 의미
      onLoad 이미지가 브라우저에 나타날때 실행되는 이벤트 핸들러
      onError 이미지 전송중 에러 발생시 실행되는 이벤트 핸들러
      onAbort 이미지 전송을 중단시켰을 때 실행되는 이벤트 핸들러
      onKeyDown 이미지상에서 키를 눌렀을때 실행되는 이벤트 핸들러
      onKeyPress 이미지상에서 키를 눌렀을때 실행되는 이벤트 핸들러
      onKeyUp 이미지상에서 키를 놓았을때 실행되는 이벤트 핸들러

      예제1 실행화면
      <script language="javascript">
      <!--
      function imageinfor() {
      var mirage = "이미지이름 : " + document.coffee.name + "\n"
      mirage += "위치 : " + document.coffee.src + "\n"
      mirage += "테두리 : " + document.coffee.border + "\n"
      mirage += "가로 : " + document.coffee.width + "\n"
      mirage += "세로 : " + document.coffee.height + "\n"
      mirage += "가로여백 : " + document.coffee.hspace + "\n"
      mirage += "세로여백 : " + document.coffee.vspace + "\n"
      mirage += "배치 : " + document.coffee.align + "\n"
      mirage += "전송완료여부 : " + document.coffee.complete + "\n"
      alert(mirage)
      }
      //-->
      </script>
      <img align=center name="coffee" src="img/f9.gif" border=0 hspace=2 vspace=3>
      <input type="button" value="이미지등록정보" onClick="imageinfor()">


       <INPUT onclick="imageinfor()" type="button" value="이미지등록정보">

[출처] [12]객체4|작성자 붉은매

반응형
브라우저에 미리 정의되어 내장된 객체들을 말한다.
  1. History 객체

    브라우저 내장객체 계층구조상 윈도우객체 바로 아래에 있는 객체로 브라우저 히스토리 리스트 정보를 저장해 두는 곳이다.
    히스토리 정보는 브라우저가 최근 방문했던 url주소를 의미한다.

    • History 객체의 특성

      특성 의미
      length 히스토리 리스트에 포함되어 있는 URL 주소의 갯수

    • History 객체의 메소드

      메소드 의미
      back() 히스토리 리스트에서 한단계 뒤로 이동
      forward() 히스토리 리스트에서 한단계 앞으로 이동
      go() 히스토리 리스트에서 임의의 위치로 이동

      예제1 실행화면
      <script language="javascript">
      <!--
      function historygt() {
      alert("히스토리갯수 : " + history.length +"개")
      }
      //-->
      </script>
      <input type="button" value="히스토리 정보" onClick="historygt()">
      <INPUT onclick="historygt()" type="button" value="히스토리 정보">

      예제2 실행화면
      <input type="button" value = "뒤로" onclick="history.back()">
      <input type="button" value = "앞으로" onclick="history.forward()">
      <INPUT onclick="history.back()" type="button" value="뒤로"> <INPUT onclick="history.forward()" type="button" value="앞으로">

      예제3 실행화면
      <input type="button" value = "3단계 뒤로" onclick="history.go(-3)">
      <input type="button" value = "뒤로" onclick="history.back()">
      <input type="button" value = "앞으로" onclick="history.forward()">
      <input type="button" value = "3단계 앞으로" onclick="history.go(3)">
      <INPUT onclick="history.go(-3)" type="button" value="3단계 뒤로"> <INPUT onclick="history.back()" type="button" value="뒤로">

      <INPUT onclick="history.forward()" type="button" value="앞으로"> <INPUT onclick="history.go(3)" type="button" value="3단계 앞으로">

  2. Location 객체

    현재 열려진 윈도우의 URL 주소에 관한 정보를 제공하는 객체이다.
    frame으로 나누어져 있다면 최상위에 있는 문서의 URL주소를 갖게 된다.

    • Location 객체의 특성

      특성 의미
      href 문서의 URL주소
      port 포트번호
      host URL주소의 호스트이름과 포트번호
      hostname URL주소의 호스트이름
      protocol 프로토콜 종류
      pathname 디렉토리 위치
      search 검색엔진을 호출할때 사용하는 형식
      hash 표식이름

    • Location 객체의 메소드

      메소드 의미
      reload() 브라우저의 현재문서를 다시 읽도록 하는 메소드
      replace() 현재 브라우저의 특정 URL에 있는 문서로 바꾸어 주는 메소드

      예제4 실행화면
      <script language="javascript">
      <!--
      function cominfor() {
      var mirage5 = "문서주소 : " + top.frames[0].location.href + "\n"
      mirage5 += "프로토콜 종류 : " + top.frames[0].location.protocol + "\n"
      mirage5 += "호스트 : " + top.frames[0].location.host + "\n"
      mirage5 += "호스트이름 : " + top.frames[0].location.hostname + "\n"
      mirage5 += "포트번호 : " + top.frames[0].location.port + "\n"
      mirage5 += "표식이름 : " + top.frames[0].location.hash + "\n"
      mirage5 += "디렉토리위치 : " + top.frames[0].location.pathname + "\n"
      alert(mirage5)
      }
      //-->
      </script>
      <input type="button" value="문서정보" onclick="cominfor()">
      <INPUT onclick="cominfor()" type="button" value="문서정보">

[출처] [11]객체3|작성자 붉은매


+ Recent posts