location

현재 문서에 대한 URL 정보를 가지고 있는 객체

  • 프로퍼티

    • hash 책갈피 이름을 지정한다.
    • host : URL과 호스트 이름포트 번호를 지정한다.
    • hostname : URL과 호스트 이름을 지정한다.
    • href : URL을 지정한다.
    • pathname : 링크의 경로를 지정한다.
    • port 포트 번호를 지정한다.
    • protocol 프로토콜 종류를 지정한다.
    • search 검색 엔진을 호출한다.
  • 메서드

    • reload()
      문서를 다시 읽어온다.
    • replace()
      현재 문서를 다른 URL의 문서로 바꾼다.

document

웹 문서마다 하나씩 만들어지는 객체로 <body> 태그에 의해 만들어진다. HTML 문서에 대한 정보를 가지고 있다.

  • 프로퍼티

    • anchors 책갈피를 지정한다.
    • applets 웹 문서 안의 자바 애플릿을 참조한다.
    • bgColor 웹 문서의 배경색을 지정한다.
    • cookies 쿠키값을 저장한다.
    • domain 현재 서버의 도메인을 지정한다.
    • embeds 플러그인을 설정한다.
    • fgColor 글자색을 지정한다.
    • forms 폼을 지정한다.
    • images 이미지를 지정한다.
    • layers 레이어를 지정한다.
    • lastModified 웹 문서의 최종 수정일을 지정한다.
    • links 링크를 지정한다.
    • location 현재 문서의 주소를 지정한다.
    • referrer 현재 문서를 호출한 페이지의 주소를 지정한다.
    • title 현재 문서의 제목을 지정한다.
    • URL 현재 문서의 주소를 저장한다.
  • 메서드

    • clear()
      문서 안의 내용을 깨끗이 지운다.
    • close()
      open() 메서드를 통해 기록하기 시작한 문서의 기록을 종료한다.
    • open()
      문서에 무엇인가를 기록하기 시작한다.
    • write()
      문서에 내용을 표시한다.
    • writeln()
      문서에 내용을 표시하되 메서드를 적용할 때마다 새로운 줄에 표시한다.

history

현재 창에서 사용자의 방문 기록을 저장하고 있는 객체

  • 프로퍼티

    history 객체에는 방문했던 URL 주소의 개수를 저장하는 length 프로퍼티가 있다그런데 이 프로퍼티값은 익스플로러에서는 0부터 시작하고 넷스케이프나 파이어폭스에서는 1부터 시작하기 때문에 익스플로러에서는 history.length 값에 1을 더해야 URL주소의 개수가 된다.
  • 메서드 

    history 객체가 방문했던 URL 정보를 저장하기 때문에 이 객체에서는 사용할 수 있는 메서드는 방문했던 URL을 앞뒤로 이동하는 것이다
    • back()
      브라우저 창의 <뒤로버튼을 누른 것처럼 히스토리에서 한 단계 뒤로 이동한다.
    • forward()
      브라우저 창의 <앞으로버튼을 누른 것처럼 히스토리에서 한 단계 앞으로 이동한다.
    • go()
      한 단계씩만 앞으로 오갈 수 있는 back() 메서드나 forward() 메서드와 달리 괄호 안에 지정한 숫자만큼 앞뒤로 옮길 수 있다.



블로그 이미지

왕왕왕왕

,

window

브라우저 창이 열릴 때 마다 하나씩 만들어지는 객체, 브라우저 창 안에 존재하는 모든 요소의 최상위 객체.

  • classes : 문서 안에 삽입된 class들의 정보를 저장한다.
  • closed : 브라우저 창이 닫혔는지 나타낸다.
  • defaultStatus : 상태 표시줄의 기본값을 지정한다.
  • document : 현재 윈도우의 document 객체를 반환한다.
  • frames : 윈도우에 있는 history 객체를 반환한다.
  • length : 부모 창의 프레임 개수를 지정한다.
  • location : 현재 창의 location 객체를 반환한다.
  • name : 창의 이름을 지정한다.
  • opener : 새 창에 열어준 부모 창을 선택한다.
  • parent : 부모 창을 선택한다.
  • self : 현재 창을 선택한다.
  • status : 브라우저 창의 상태 표시줄을 선택한다.
  • top : 최상위 창을 선택한다.
  • 메서드

    • open() 메서드 : 새 브라우저 창 열기
      window.open("팝업 창에 표시할 파일명", "창이름", "창의 스타일")
      window.open("popup1.htm", "pop", "scrollbars=no, location=yes, status")

      세 번째 매게변수에서 사용할 수 있는 옵션
      • directories : 연결 표시줄의 표시 여부를 지정한다. (yes/no, 또는 1/0)
      • width : 팝업 창의 너비(가로길이)를 지정한다. (픽셀값)
      • left : 팝업 창의 왼쪽 좌표를 지정한다. (픽셀값)
      • location : 주소 표시줄의 줄 표시 여부를 지정한다. (yes/no, 또는 1/0)
      • menubar : 메뉴바의 표시 여부를 지정한다. (yes/no, 또는 1/0)
      • resizable : 화면 크기 조절 가능 여부를 지정한다. (yes/no, 또는 1/0)
      • scrollbars : 스크롤의 표시 여부를 지정한다. (yes/no, 또는 1/0)
      • status : 상태 표시줄의 표시 여부를 지정한다. (yes/no, 또는 1/0)
      • toolbar : 도구모음의 표시 여부를 지정한다. (yes/no, 또는 1/0)
      • top : 팝업 창의 상단 좌표를 지정한다. (픽셀값)
      • height : 팝업창의 높이(세로 길이)를 지정한다. (픽셀값)
    • close() 메서드 : 브라우저 창 닫기
      window.close()
      <a href="#" onClick="javascript:window.close()">창 닫기</a>
      <a href="javascript:window.close()">창 닫기</a>
    • moveBy() / moveTo() 메서드 : 창 위치 조절하기
      window.moveBy(가로 이동 거리, 세로 이동 거리)
      window.movtTo(가로 이동 거리, 세로 이동거리)
    • resizeBy() / resizeTo() 메서드 : 창 크기 조절하기
      window.resizeBy(창 너비, 창 높이)
      window.resizeTo(창 너비, 창 높이)
    • setTimeout() / clearTimeout() 메서드 : 시간과 관련된 동작 지정하기
      timerID = setTimeout(함수나 명령, 시간)
      clearTimeout(timerID)

navigator

현재 사용하는 브라우저에 대한 정보를 가지고 있는 객체.

  • 프로퍼티

    navigator 객체의 프로퍼티는 몇 가지를 제외하면 익스플로러와 넷스케이프 양쪽 모두에서 사용할 수 있다다음은 navigator 객체의 프로퍼티이다.
    • appCodeName : 브라우저의 코드명을 표시한다.
    • appName : 브라우저의 종류를 표시한다.
    • appVersion : 브라우저의 버전을 표시한다.
    • platform 사용하고 있는 운영체제의 시스템 환경을 표시한다.
    • userAgent 브라우저의 정보를 표시한다.
  • 메서드

    • javaEnabled() : 자바를 지원하는지 확인하는 메서드로반환값은 true(자바 지원) false(자바 지원 안 함)이다.
    • taintEnabled() : 브라우저가 손상되었는지 확인하는 메서드로반환값은 true(브라우저 고장) false(브라우저 정상)이다.

frame

프레임마다 하나씩 만들어지는 객체로 <frame> 태그마다 하나씩 만들어진다.

 



블로그 이미지

왕왕왕왕

,

변수선언

동일한 var 키워드를 이용해 여러 개의 변수를 선언 할 수 있으며, 변수를 선언함과 동시에 초기화할 수도 있다.


var 변수이름 = 초깃값;

변수이름 = 초깃값;


var x;

var y = 10;

var a, b, c;

var i = 10, j = 10, k = 10;


초기값이 지정하지않으면 초기값은 undefined가 된다.



자바스크립트 변수는 어떤 자료형의 값도 담을 수 있으며 한 변수를 다른 타입의 값으로 할당 할 수 있다.


var id = 10;

id = "ten";

출력결과 ten



var 키워드 없이 변수를 선언하면 자동으로 전역 변수가 된다

블로그 이미지

왕왕왕왕

,

내부스크립트


<script language = "javascript">

<!--

스크립트를 작성하는 부분

//-->

</script>


<!-- --> 스크립트에서 주석으로 시작한 이유는 웹브라우저가 내부코드를 화면에 출력하는것을 막기 위함이다.


마지막 부분의 //--> '//'이유는  자바스크립트가 '-->' 를 자바스크립트의 코드로 해석하는 거을 막기 위해서 주석으로 처리 한것이다.




외부스크립트


<script language = "javascript" src = "파일이름.js"></script>




블로그 이미지

왕왕왕왕

,