반응형
브라우저에 미리 정의되어 내장된 객체들을 말한다.
  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

티스토리툴바