아래 예제는

모두 두개의 anchors 배열변수가 됨(document.anchors.length)

아래는 각종 문서에 Javascript로 접속하는 예제들

로딩 중 이므로 해당 명령 때까지 형성된 array 만 숫자로 계산한다.


HTML Code

아래 예제는
<UL>
<LI>INPUT '이전', '이후'를 갖는  한개의 FORM 배열변수와
<LI>이미지로 된 '이전', '맨위', 'Code' 3개로 구성된 link 배열변수를 가지고 있어
<UL>
<LI><FORM>
<INPUT type="button" value="이전" onClick="history.back()"> history.back(),
<INPUT type="button" value="이후" onClick="history.forward()"> history.forward(),
</FORM>
<LI><A href="Javascript:history.back()">
<IMG src="../../../gif/arback.gif" border=0 alt="이전"></A>
<A href="#top"><IMG src="../../../gif/arup.gif" border=0 alt="맨위"></A>
<A href="#coding"><IMG src="../../../gif/rfcoding.gif" border=0 alt="Code"></A>
</UL>
</UL>

아래 부분
<H4 align=center class=blue>아래는 각종 문서에 Javascript로 접속하는 예제들</H4>
<DIV class=show style=width:220>
<SCRIPT language='Javascript'>
document.write('document.title=<DIV class=small><SPAN class=blue>'+document.title,'</SPAN><BR>'); // 현재 페이지의 제목
document.write('self.document.title=<BR><SPAN class=blue>'+self.document.title,'</SPAN><BR>'); // 현재 페이지의 제목
document.write('top.vmenu.document.title=<BR><SPAN class=blue>',
  top.jsvmenu.document.title,'</SPAN><BR>'); // 좌측 수직 메뉴 프레임의 제목
document.write('parent.jshmenu.document.title=<BR><SPAN class=blue>',
  parent.jshmenu.document.title,'</SPAN><BR>'); // 상단 수평 메뉴 프레임의 제목
document.write('parent.jsmain.document.title=<BR><SPAN class=blue>',
  parent.jsmain.document.title,'</SPAN><BR><BR>'); // 현재 페이지를 프레임 이름으로 지정

document.write('document.bgColor=<SPAN class=blue>'+document.bgColor,'</SPAN><BR><BR>'); // 현재 페이지의 배경색

document.write('document.fgColor=<SPAN class=blue>'+document.fgColor,'</SPAN><BR>');     // 현재 페이지의 글자색
document.write('document.linkColor=<SPAN class=blue>'+document.linkColor,'</SPAN><BR>');   // 현재 페이지의 연결 글자색
document.write('document.alinkColor=<SPAN class=blue>'+document.alinkColor,'</SPAN><BR>');  // 현재 페이지의 활성 연결 글자색
document.write('document.vlinkColor=<SPAN class=blue>'+document.vlinkColor,'</SPAN><BR>');  // 현재 페이지의 방문했던 연결 글자색

document.write('<BR>document.lastModified=<SPAN class=blue>'+document.lastModified,'</SPAN><BR>');  // 죄종 수정일
document.write('top.jsvmenu.document.lastModified=<SPAN class=blue>'+top.jsvmenu.document.lastModified,'</SPAN><BR>');
document.write('parent.jshmenu.document.lastModified=<SPAN class=blue>'+parent.jshmenu.document.lastModified,'</SPAN><BR>');

document.write('<BR>document.location=<SPAN class=blue>'+document.location,'</SPAN><BR>'); // 문서의 위치
document.write('top.jsvmenu.document.location=<SPAN class=blue>'+top.jsvmenu.document.location,'</SPAN><BR>');
document.write('parent.jshmenu.document.location=<SPAN class=blue>'+parent.jshmenu.document.location,'</SPAN><BR><BR>');

document.write('document.links=<SPAN class=blue>'+document.links,'</SPAN><BR>');  // 연결 갯수(0부터 시작하므로 1을 더해야 함)
document.write('document.links.length=<SPAN class=blue>'+document.links.length,'</SPAN><BR>'); // 연결 배열변수의 내용을 본다
document.write('<OL class=smallblue>');
for (i=0;i< document.links.length;i++){
  document.write('<LI>'+ document.links[i].href);
}
document.write('</OL>');

document.write('top.jsvmenu.document.links.length=<SPAN class=blue>',
  top.jsvmenu.document.links.length,'</SPAN><BR>'); // 연결 배열변수의 내용을 본다
document.write('<OL class=smallblue>');
for (i=0;i<TOP.jsvmenu.document.links.length;i++){
  document.write('<LI>'+ top.jsvmenu.document.links[i].href);
}
document.write('</OL>');

document.write('parent.jshmenu.document.links.length=<SPAN class=blue>',
  parent.jshmenu.document.links.length+'</SPAN> 값이 0 이면 아래 메뉴를 갔다와 보라<BR><BR>');
document.write('<OL class=smallblue>');
for (i=0;i<PARENT.jshmenu.document.links.length;i++){
  document.write('<LI><A href='+ parent.jshmenu.document.links[i].href+'>'+parent.jshmenu.document.links[i].href+' 연결</A>');
}
document.write('</OL>');

document.write('document.anchors=<SPAN class=blue>'+document.anchors,'</SPAN><BR>');
document.write('document.anchors.length=<SPAN class=blue>'+document.anchors.length,'</SPAN><BR>');
document.write('top.jsvmenu.document.anchors.length=<SPAN class=blue>',
  top.jsvmenu.document.anchors.length,'</SPAN><BR>');
document.write('parent.jshmenu.document.anchors.length=<SPAN class=blue>',
  parent.jshmenu.document.anchors.length,'</SPAN><BR><BR>');

document.write('document.forms=<SPAN class=blue>'+document.forms,'</SPAN><BR>');
document.write('document.forms.length=<SPAN class=blue>'+document.forms.length,'</SPAN><BR>');
document.write('top.jsvmenu.document.forms.length=<SPAN class=blue>',
  top.jsvmenu.document.forms.length,'</SPAN><BR>');
document.write('parent.jshmenu.document.forms.length=<SPAN class=blue>',
  parent.jshmenu.document.forms.length,'</SPAN><BR><BR>');

document.write('document.referrer=<SPAN class=blue>'+document.referrer,'</SPAN><BR>');
document.write('document.cookie=<SPAN class=blue>'+document.cookie,'</SPAN><BR><BR>');
document.write('history.length=<SPAN class=blue>'+history.length,'</SPAN><BR></DIV>');
// 감춤 끝  -->
</SCRIPT>
</DIV>

참고 참고 사항

forms links location history top parent self bgColor fgColor linkColor vlinkColor alinkColor lastModified length length href referrer title cookie back forward function


설명 중요 사항