자바스크립트 내장객체 area,form,applet,laye,anchor,text,password

area

웹 문서에 이미지맵에 있는 영역 정보를 가지고 있는 객체로, <area> 태그를 만날 때마다 만들어진다.

 

form

웹 문서에 폼이 사용되었을 때 폼 전체에 대한 정보를 저장한다. <form> 태그를 만날 때마다 만들어진다.

• 기본 형식

  document.폼 이름.프로퍼티 이름

• <form> 태그와 관련된 프로퍼티

  • action : submit 버튼을 클릭했을 때 실행할 프로그램을 지정한다.
  • name : 폼의 이름을 지정한다.
  • method : 폼에 입력된 정보를 전송하는 방식을 지정한다.
  • target : action에서 지정한 프로그램의 실행 결과를 표시할 대상을 지정한다.

• <form> 태그와 관련 없는 프로퍼티 - elements / length 프로퍼티

  • elements : <form> 태그 안에 삽입된 폼 요소들을 배열 형태로 저장한다.
    • 기본 형식
      document.폼 이름.elements[인덱스]
    • 프로퍼티
      <input type="text" name="mytext" size="10 maxlengh="20">
      <input type="button" name="mybutton" value="버튼">
      
      document.test.elements[0].type -> 값 : text
      document.test.elements[0].name -> 값 : mytext
      document.test.elements[0].size -> 값 : 10
      document.test.elements[0].maxlength -> 값 : 20
      document.test.elements[1].type -> 값 : button
      document.test.elements[1].name -> 값 : mybutton
      document.test.elements[1].value -> 값 : 버튼
  • length
    <form> 태그 안에 삽입된 폼 요소의 개수를 지정한다.
    • 기본형식
      document.폼 이름.length

• form 객체 메서드

• submit : 사용자가 폼 요소에 입력한 내용들을 action에서 지정한 프로그램으로 넘겨준다.
• reset : 사용자가 폼 요소에 입력한 내용들을 모두 지운다.

applet

애플릿에 대한 정보를 가지고 있으면 <applet> 태그를 만날 때마다 만들어진다.

 

layer

익스플로러 DHTML에서 사용하는 레이어 정보를 가지고 있다.

 

anchor

웹 문서 안의 앵커 정보를 가지고 있으며 <a name="..."> 태그마다 anchor 객체가 하나씩 만들어진다.

문서 안의 앵커 개수 확인하기 

• length 프로퍼티 
  anchors 객체에는 length라는 프로퍼티가 있는데 이 프로퍼티에는 문서 안의 앵커 개수 정보가 들어 있다.
  
  <a name="music"></a>    <!-- 앵커 삽입 -->
  <h3>비오는 압구정></h3>
  
  document.anchors(0)        <!-- 0번째 앵커 music -->

 

text

폼의 텍스트 필드에 대한 정보를 가지고 있는 객체로 <input type="text"...> 태그를 만날 때마다 객체가 하나씩 만들어진다.

HTML 구문

• <input type="text" name="텍스트 필드 이름" value="초기값" size="정수값" maxlength="정수값" onBlur="처리 명령 또는 함수" onChange="처리 명령 또는 함수" onFocus="처리 명령 또는 함수" onSelect="처리 명령 또는 함수">

기본 형식

• (window.)document.폼 이름.텍스트필드 이름
  (window.)document.폼 이름.elements[인덱스]
  (window.)document.forms[인덱스].텍스트필드 이름
  (window.)document.forms[인덱스].elements[인덱스]

프로퍼티

• <input> 태그로 텍스트 필드를 삽입할 때 사용하는 속성들이 그대로 text 객체의 프로퍼티가 된다. 

defaultValue

• HTML 태그에서 따로 값을 지정하지 않을 경우 텍스트 필드 안에 표시할 기본값을 지정한다.
• name
  텍스트 필드의 이름을 지정한다.
• value
  사용자가 텍스트 필드에 입력하는 내용을 저장한다.

메서드

• focus()
  텍스트 필드에 포커스를 지정한다. 포커스가 지정되면 텍스트 필드 안에 커서가 깜빡거리면서 텍스트를 입력할 수 있는 상태가 된다.
• blur()
  텍스트 필드에서 포커스를 제거한다.
• select()
  텍스트 필드 안의 텍스트를 선택한다.

이벤트 핸들러

• onBlur
  텍스트 필드에서 포커스가 제거되었을 때 실행할 명령이나 함수를 연결한다.
• onChange
  텍스트 필드에서 텍스트가 변경되었을 때 실행할 명령이나 함수를 연결한다.
• onFocus
  텍스트 필드에 포커스가 지정되었을 때 실행할 명령이나 함수를 연결한다.
• onSelect
  텍스트 필드의 텍스트가 선택되었을 때 실행할 명령이나 함수를 연결한다.

password

폼의 패스워드 필드에 대한 정보를 가지고 있으며 <input type="password"...> 태그를 만날 때마다 객체가 만들어진다.
password 필드가 입력 내용을 '*' 로 바꿔서 보여준다는 점만 빼면 text 객체의 프로퍼티, 메서드, 이벤트 핸들러와 같다.