아래로 내려가서 단추들을 눌러 보라.
다른 프레임(모체 프레임에서) 페이지 지정 부위에 (이하 예제들은 실제적으로는 자체 페이지에 연결시켰으나 프레임 네임 만 바꾸면 다른페이지에 연결 됨) 아래 수평 메뉴 페이지 프레임의 경우와 같음
frame 구조
jsvmenu : 좌측 수직 메뉴 프레임
jsright : 나머지 우측 부분 프레임
jshmenu : 우측 프레임 중 상단 수평 프레임
jsmain : 우측 프레임 중 상단 주 데이터 프레임(현재의 프레임)
<BODY> <A name=top></A> <SCRIPT Language="Javascript"> now=new Date(); // 현재의 일자, 시간 얻음 mm=now.getMinutes(); // 현재의 초 설정 document.write ('<LI>now=new Date() ⇒ <FONT color=blue>'+now+'</FONT>'); // 설명 표시 document.write ('<LI>mm=now.getMinutes() ⇒ <FONT color=blue>'+mm+'</FONT><BR>'); // 설명 표시 document.write ('<OL style=font-size:10pt;background:ffa>'); // 번호있는 목록 시작 for (var i=1; i<=15;i++) { document.write ('<LI style=line-height:2em><A name=loc'+i+ // 각 번호마다 앤커 이름 부여 '></A><SPAN class=blue><a name=loc'+i+ // 각 번호마다 앤커 표시 '></a></SPAN>now.setMinutes(mm-',i, // 각 번호마다 시각 설명 ')=',now.setMinutes(mm-i),'=',now.toLocaleString(), // 각 번호마다 시각 표시 '<BR>'); } function gojump(hash){ if ((hash<1)||(hash>15)){ // 입력 데이터 범위 점검 alert('범위를 1-15로 하라'); return; // 범위 틀리면 경고하고 return } self.location.hash='loc'+hash; // 맞으면 그 번호로 이동 } // 감춤 끝 --> </SCRIPT> </OL> <HR width=80% size=2 color=blue> <FORM name="fname"> <UL class=balla> <LI>자체 페이지 지정 부위에(일부러 간격을 넓혔슴) <UL class=ballb> <LI><INPUT type="button" value="1 번" onClick="self.location.hash='loc1'"> self.location.hash='loc1' <LI><INPUT type="button" value="5 번" onClick="self.location.hash='loc5'"> self.location.hash='loc5' <LI><INPUT type="button" value="10 번" onClick="self.location.hash='loc10'"> self.location.hash='loc10' <LI><INPUT type="button" value="15 번" onClick="self.location.hash='loc15'"> self.location.hash='loc15'<BR><BR> </UL> <LI>입력 번호로 <UL class=ballb> <LI><INPUT type=text size=3 name="point" value="1" onchange="javascript:gojump(this.value)"> 번으로 <INPUT type="button" value="확인" onclick="javascript:gojump(fname.point.value)"> self.location.hash='loc' + [입력번호]<BR><BR> </UL> <LI>맨위, 맨아래로 <UL class=ballb> <LI><INPUT type="button" value="페이지 맨위" onClick="self.location.hash='top'"> self.location.hash='top' <LI><INPUT type="button" value="페이지 바닥" onClick="self.location.hash='bottom'"> self.location.hash='bottom'<BR><BR> </UL> <UL class=ballb>모체 프레임으로 부터 <LI><INPUT type="button" value="페이지 맨위" onClick="parent.jsmain.location.hash='top'"> parent.jsmain.location.hash='top' <LI><INPUT type="button" value="페이지 바닥" onClick="parent.jsmain.location.hash='bottom'"> parent.jsmain.location.hash='bottom'<BR><BR> </UL> <UL class=ballb>최상위 프레임으로 부터 <LI><INPUT type="button" value="페이지 맨위" onClick="top.jsright.jsmain.location.hash='top'"> top.jsright.jsmain.location.hash='top' <LI><INPUT type="button" value="페이지 바닥" onClick="top.jsright.jsmain.location.hash='bottom'"> top.jsright.jsmain.location.hash='bottom'<BR><BR> </UL> <LI>이전, 이후 <UL class=ballb> <LI><INPUT type='button' value='이전' onClick='history.back()'> history.back() <LI><INPUT type='button' value='이후' onClick='history.forward()'> history.forward() </UL> </UL> </DIV> </FORM> <A name="bottom"></A> </BODY> </HTML>
