이 예제는 forms 정보를 간단히하기 위하며 메뉴 선택을 제거하였다.
예제에서는 제목줄의 입력폼을 제거하여 입력폼(form)은 한개이다.
<SCRIPT> function showForms(){ // 기능함수 시작 str=''; // 출력을 위한 변수 선언 myForm=document.forms; // form oject 배열변수를 myForm 변수에 할당 for(numb in myForm){ // for in 루프의 시작, myForm 속에서 각 요소에 대한 작업 루프, 속성명 numb 를 임의로 지정해도 됨 formField=myForm[numb]; // form 배열변수 요소를 변수에 할당 str+=numb+' = <font color=red>'+formField+'</font><BR>'; // 변수 내역 출력 for(field in formField){ // 내부 for in 루프의 시작, myField 속에서 각 요소에 대한 작업, 루프속성명 field 를 임의로 지정해도 됨 str+='<span style=width:3em></span>'+field+' = <font color=blue>'+formField[field]+'</font><BR>'; // 각 form 요소의 각 field 요소의 내역을 출력 변수에 추가 } // 내부 루프의 종료 } // 외부 루프의 종료 closes='<p align=right><a href=javascript:self.close()>창닫기</a></p>'; // 새 보조창 닫기 태그를 출력 변수에 할당 heads='<html><head><title>예제 보조창</title>'; // 보조창 문서 head 부분 출력변수에 추가 heads+='<meta http-equiv="Content-Type" content="text/html; charset=euc-kr"></head><body bgcolor=eeffff>'; heads+='<h1 align=center>forms 정보</h1>'+closes; // 보조창 제목과 창닫기 태그 출력변수에 추가 ends=closes+'</body></html>'; // 보조창 맨아래 부위 태그 출력변수에 추가 newWin=window.open('','test','width=500,height=700,top=0,left=480,scrollbars=yes'); // 보조창 변수 선언과 창열기 newWin.document.write(heads+str+ends); // 보조창 내역을 출력 } // 기능함수의 종료 </SCRIPT> <FORM name=formName1>예제 테스트를 위한 입력폼<BR> <INPUT type=text name=input11 value=input11 size=20 maxsize=60><BR> <INPUT type=button name=input12 id=input12 value="새창으로 결과보기" onClick="showForms()"> </FORM>
참고: 컬렉션 구성원을 반복 계산하려면 Enumerator 개체를 사용한다.