사용자에게 감춰진 데이터를 입력하는 입력필드를 참조하며 사용자측과 서버측 사이에 정보를 보낼수 있게 한다.
|
Script | [propVal=]..propName; |
| HTML | propName="propVal">innerString |
아래 속성들 중의 하나이다.
사용자가 감춰진 데이터를 입력하거나 볼 수 없는 상태에서 데이터를 처리하여 인터랙티브(Interactive)하게 원하는 기능을 수행하게 하는데 사용된다. 태그 소스에서는 볼 수 있으나 웹 페이지에서 볼 수 없다. 일반적으로 방문자에게 보이지 않을 내부적인 데이터나 데이터 수집에 사용된다.
hidden 개체는 <FORM> HTML 태그로 생성된 form 개체 속의 <INPUT type="hidden"> HTML 태그로 생성된다.
<FORM> ... <INPUT type="hidden"> ... </FORM>
type 속성을 text 개체로 변경하여(formName.elemName.type='text') 감춤을 해제 할 수 있다.
생성된 이들 개체들은 모체 form 개체에서 hidden 개체를 만들고 엘레멘트(elements)의 배열변수로 저장되고, 호출될 수 있다.
elements 배열변수에 type 속성이 hidden으로 등록된다.
form.hidden 개체는 적용될 수 있는 속성(property)를 가질 수 있다.
사용자에게 감춰지므로 입력할 수 없지만 값은 송신 form의 value 속성으로 서버에 보내진다.
이 개체는 스크립트를 포함하여 IE3.0부터 적용된다.
이 엘레멘트는 표현되지 않는다.
이 엘레멘트는 종료태그를 필요로 하지 않는다.
이 개체는 (영문)HTML3.2에서 정의되었다.
설명을 위한 예제
| 컬렉션 | 설명과 예제 코드 | 결과 | 참고 |
|---|---|---|---|
| attributes | 개체의 애트리뷰트(attribute 개체)들의 배열변수를 참조하고 반환한다. | ||
| <SCRIPT>document.write(oObj.attributes.length)</SCRIPT> | |||
| behaviorUrns | 엘레멘트에 첨부된 비해이버(behavior)들을 인식하는 주소(URN) 문자열들의 배열변수를 참조하고 반환한다. | ||
| <SCRIPT>document.write(oObj.behaviorUrns.length)</SCRIPT> | |||
| 개체 | 설명 | 결과 |
|---|---|---|
| currentStyle | 공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다. | |
| <SCRIPT>document.write(oObj.currentStyle.backgroundColor)</SCRIPT> | ||
| runtimeStyle | 덮어 씌워진 최종 공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다. | |
| <SCRIPT>document.write(oObj.runtimeStyle.height=50)</SCRIPT> | ||
| style | 개체의 현재 모든 가능한 인라인 스타일 설정들을 참조한다. | |
| <SCRIPT>document.write(oObj.style.visibility)</SCRIPT> | ||
form(개체) 속성 IE NSname 속성 IE NS (name="sVal"> 애트리뷰트)type 속성 IE4 NS3 (type="sVal"> 애트리뷰트)value 속성 IE3.02 NS2 (value="vVal"> 애트리뷰트)| style | script |
|---|---|
| {behavior:val} | obj.style.behavior[=val] |
| ⇒ DHTML behavior의 소개 위치를 반환하거나 설정한다. | |
| 없슴 | obj.style.hasLayout |
| ⇒ 개체가 레이아웃(layout)을 가지고 있는가를 부울값으로 반환한다. | |
| {layout-flow:val} | obj.style.layoutFlow[=val] |
| ⇒ 개체 내용의 방향이나 흐름방향을 반환하거나 설정한다. | |
| {text-autospace:val} | obj.style.textAutospace[=val] |
| ⇒ 조정된 문자를 위한 자동 문자 간격 맞추기를 반환하거나 설정한다. | |
| {text-underline-position:val} | obj.style.textUnderlinePosition[=val] |
| ⇒ 개체의 textDecoration 속성이 'underline'로 설정된 경우 밑줄의 위치를 반환하거나 설정한다. | |
| {word-wrap:val} | obj.style.wordWrap[=val] |
| ⇒ 내용이 용기 개체의 범위를 초과하면 단어를 자를 것인가를 반환하거나 설정한다. | |
| {zoom:val} | obj.style.zoom[=val] |
| ⇒ 개체의 확대 배율을 반환하거나 설정한다. | |
| 메서드 | 설명 |
|---|---|
| addBehavior | 엘레멘트에 behavior를 추가한다. |
| applyElement | 개체를 다른 엘레멘트의 자식이나 모체 개체로 만든다. |
| attachEvent | IE -
이벤트에 특정 기능을 묶어, 기능함수가 개체에서 이벤트가 발생되면 언제나 호출되게 한다. 이벤트의 제거는 detachEvent에서 한다. 반환값은 부울값이다. 문법: [bVal=].object.attachEvent(event,functObj)
event는 필수요소이고, 표준 이벤트 문자열이다. functObj도 필수요소이고 이벤트가 발생되면 호출될 기능함수이다.코드: function callFunc(){alert('ondblclick 이벤트 발생')}document.attachEvent('ondblclick',callFunc) 결과: // 문서 위 아무데서나 더블클릭 해 보라. 코드:<INPUT type=button value="attachEvent 재설정" onclick="document.detachEvent('ondblclick',callFunc);document.attachEvent('ondblclick',callFunc)"></SPAN> 결과: |
| clearAttributes | 개체의 모든 애트리뷰트들과 값들을 삭제한다. |
| cloneNode | 문서 계통도로부터 개체의 참조를 복사한다. |
| componentFromPoint | 어떤 이벤트에서 지정된 좌표에 위치한 콤포넨트를 반환한다. |
| createTextRange | 엘레멘트를 위한 TextRange 개체를 생성한다. |
| detachEvent | IE5 -
attachEvent 이벤트로 첨부된 이벤트를 제거한다. 반환값은 없다.
문법: .detachEvent(event,funcion)
코드: <INPUT type=button value="detachEvent" onclick="document.detachEvent('ondblclick',callFunc)"></SPAN>결과: // 클릭 후에는 attachEvent에서 설정된 이벤트가 제거된다. 제거 후 더블클릭해 보라. |
| fireEvent | 개체에서 지정한 이벤트를 발생시킨다. |
| getAdjacentText | 개체의 인접 문자열을 반환한다. |
| getAttribute | 지정된 애트리뷰트의 값을 반환한다. |
| getAttributeNode | IE6 attribute.name속성을 참조하는 attribute 개체를 반환한다. |
| getExpression | 주어진 속성의 표현(expression)을 반환한다. |
| insertAdjacentElement | 지정한 위치에 엘레멘트를 삽입한다. |
| insertAdjacentHTML | 엘레멘트의 지정된 위치에 주어진 HTML 문자열을 삽입한다. |
| insertAdjacentText | 엘레멘트의 지정된 위치에 주어진 문자열을 삽입한다. |
| mergeAttributes | 지정된 개체에 모든 읽기/쓰기 애트리뷰트를 복사한다. |
| normalize | IE6 개체의 인접 TextNode 개체를 통합하여 문서 개체 모델을 정상화한다. |
| releaseCapture | 현재 문서의 개체로 부터 마우스 캡쳐를 제거한다. |
| removeAttribute | 개체로 부터 애트리뷰트를 제거한다. |
| removeAttributeNode | IE6 개체로 부터 애트리뷰트 개체 노드를 제거한다. |
| removeBehavior | 개체로부터 behavior를 제거한다. |
| removeChild | 개체로부터 자식 노드를 제거한다. |
| removeExpression | 지정한 속성으로부터 표현(expression)을 제거한다. |
| replaceAdjacentText | 개체에 인접 문자열을 교체한다. |
| replaceChild | 현재의 자식 엘레멘트를 새로운 자식 엘레멘트로 교체한다. |
| setActive | 개체에 초점을 주지 않은 상태에서 활성으로 설정한다. |
| setAttribute | 지정된 애트리뷰트를 설정한다. |
| setAttributeNode | IE6 개체의 부분으로 애트리뷰트 개체 노드를 설정한다. |
| setCapture | 현재 문서에 소속된 개체의 마우스 캡쳐를 설정한다 |
| setExpression | 지정된 개체의 표현(expression)을 설정한다. |
| swapNode | 문서 계통도에서 두 개체의 위치를 서로 바꾼다. |
| watch와 unwatch | NS 개체는 Object 개체의 watchNS와 unwatchNS 메서드를 전달받는다. |
| 이벤트 | 설명 |
|---|---|
| onactivate | 엘레멘트 개체가 activeElement 속성으로 설정되면 발생한다. |
| onafterupdate | 데이터 원본이 있는 개체가 성공적으로 업데이트되면 데이터를 갖는 개체에 발생한다. |
| onbeforedeactivate | 모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되기 바로 전에 발생한다. |
| onbeforeeditfocus | 편집 가능한 개체가 활성화되거나 편집 가능한 용기에 제어 선택이 이루어 지기 바로 전에 발생한다. |
| onbeforeupdate | 원본 데이터를 갖는 개체의 연관된 데이터가 업데이트되기 바로 전에 데이터를 받는 개체에 발생된다. |
| oncontrolselect | 사용자가 개체의 제어 선택을 하려고 할 때 발생한다. |
| ondeactivate | 모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되면 발생한다. |
| onerrorupdate | 데이터 원천 개체에서 관련된 데이터가 업데이트되는 동안에 오류가 발생되면 발생된다. |
| onfocus |
IE NS
개체가 초점을 받으면 발생되고 JsCode를 수행한다.
문법: .onfocus='JsCode' |
| onlosecapture | 개체가 마우스 캡쳐(capture)를 해제하면 발생한다. |
| onmove | 개체가 이동하면 발생한다. |
| onmoveend | 개체의 이동이 중지되면 발생한다. |
| onmovestart | 개체가 이동하기 시작하면 발생한다. |
| onpropertychange | 개체의 속성을 변경발생한다. |
| onreadystatechange | 개체의 준비상태(readyState) 속성을 변경시키면 발생한다. |
| onresizeend | 제어 섹션에서 개체의 크기 변경이 완료되면 발생한다. |
| onresizestart | 제어 섹션에서 개체의 크기 변경이 시작되면 발생한다. |
| ontimeerror | 일반적으로 유효하지 않은 값의 결과에 의하여, 시간을 지정하는 오류가 일어나면 발생된다. |
| Behavior | 설명 |
|---|---|
| clientCaps | Explorer에 대한 정보를 제공하고 요청에 의하여 브라우저의 콤포넨트를 설치하는 방법늘 제공한다. |
| download | 파일을 다운로드하고 완료되면 완료를 알려주는 기능을 갖고있다. |
| homePage | 사용자의 홈페이지에 대한 정보를 포함하고 있다. |
| httpFolder | 브라우저가 항해할 때 폴더를 볼수 있는 스크립트 기능이 포함되어 있다. |
| saveFavorite | 개체가 즐겨찾기(favorite)에 데이터를 유지하게 한다. |
| saveHistory | 개체가 방문한 기록(history)에 데이터를 유지하게 한다. |
| saveSnapshot | 개체가 웹페이지가 저장될 때 데이터를 유지하게 한다. |
| time | (불량) HTML 엘레멘트에 활성 시간을 제공한다. |
| time2 | HTML 엘레멘트나 엘레멘트 구룹에 활성 시간을 제공한다. |
| userData | 개체가 데이터를 사용자 데이터(user data)에 유지하게 한다. |