..열심히 공부하세../JavaScript

13 이벤트 (onClick, onLoad, onUnload)

댄스댄스 2008. 10. 30. 17:18

<HTML>
<HEAD>
<TITLE> 이벤트연습</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function test()
{
     var regnm;
     regnm=document.myform.regnm.value;
     alert(regnm);
}

 

var timer1;  //자바스크립트에서의 전역변수

function Start()
{
     document.myform.regnm.focus();//텍스트상자에 커서 셋팅
     var today=new Date();//현재 시스템의 날짜 정보 담기
     var str="";
     str=today.getYear()+".";//2008
     str=str+(today.getMonth()+1)+".";
     str=str+today.getDate();
     switch (today.getDay())//요일
     {
          case 0 : str=str+"(일)"; break;
          case 1 : str=str+"(월)"; break;
          case 2 : str=str+"(화)"; break;
          case 3 : str=str+"(수)"; break;
          case 4 : str=str+"(목)"; break;
          case 5 : str=str+"(금)"; break;
          case 6 : str=str+"(토)"; break;
     }

     if (today.getHours()>12)
          str=str+" pm"+(today.getHours()-12) +":"; 
     else
          str=str+" am"+today.getHours() +":"; //시
 
     str=str+today.getMinutes() +":"; //분
     str=str+today.getSeconds() ; //초
 
     document.myform.Clock.value=str; //출력

     timer1=window.setTimeout("Start()",1000);//1초후에 단 한번 호출
     //setInterval("함수명()",1000) 1초마다 함수호출
}

 

function Killtime()
{
     clearTimeout(timer1);
}

function test2()
{
   document.myform.regnm.value="바람과함께사라지다";
}

function test3()
{

     var nm="Gone With The Wind";
     document.write(nm.length);//글자갯수

     document.write (nm.bold());//글자진하게
     document.write ("<b>"+nm+"</b>");
     document.write (nm.italics());//기울임
     document.write ("<i>"+nm+"</i>");
     document.write (nm.fontsize(3));//크기
     document.write ("<font size=3>"+nm+"</font>");
     document.write (nm.fontcolor("red"));//색상
     document.write ("<font color=red>"+nm+"</font>");
     document.write (nm.bold().italics());//진하게+기울임
     document.write ("<b><i>"+nm+"</i></b>");
}
//-->
</SCRIPT>
</HEAD>

<BODY onLoad="Start()" onUnload="Killtime()">

 

<FORM name=myform METHOD=POST ACTION="">

    <INPUT TYPE="button" VALUE="문자함수" onCLICK="test3()">

    <INPUT TYPE="text" NAME="Clock" size=30 style="border:0px">
    <!-- 2008.10.20 (월) 오후3:32:40 -->
    <INPUT TYPE="text" NAME="regnm">
    <INPUT TYPE="button" VALUE="확인" onCLICK="test()">
    <INPUT TYPE="button" VALUE="연습" onCLICK="test2()">

</FORM>

 

</BODY>
</HTML>