13 이벤트 (onClick, onLoad, onUnload)
<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>