<IMG src="../../../gif/rfexample.gif" onClick="alert('클릭했습니다.')">

<IMG src="../../../gif/rfexample.gif" onDblClick="alert('안녕하세요!')">

<SCRIPT>
function warning(){alert("클릭 이벤트로 기능함수를 통하여 경고을 발생시켰습니다.")}
</SCRIPT>
<A onDblClick="warning()" style=text-decoration:underline>연결에서 더블클릭 예제</A>

같은 색상을 선택하면 변경되지 않았으므로 onchange 이벤트가 발생되지 않아 변동이 없다.

<SCRIPT>
function paint(obj,color){
  obj.style.backgroundColor=color;
}
</SCRIPT>

<FORM name="testform" style="padding:10px;width:200px">
<SELECT onChange="paint(this.form,this.value)">
<OPTION value="pink">pink</OPTION>
<OPTION value="yellow">yellow</OPTION>
<OPTION value="aqua" selected>aqua</OPTION>
<OPTION value="lightgreen">lightgreen</OPTION>
<OPTION value="orange">orange</OPTION>
</SELECT>
</FORM>

여기서 this.form 이란 해당 form 다시 말해 개체 testform 을 지정한 것이고, 그 값을 기능함수(function) 에서는 obj 로 받고, this.value 는 선택된 선택사항의 값을 지정한 것으로 기능함수에서는 color로 받는다.
기능함수에 전달된 이들 두 값을 이용하여, 기능함수에서는 배경색을 변경시킨다.

여기서 클릭 이벤트로 새로운 웹페이지(보조창)를 열어 준다.

<FORM method=post>
<INPUT name=B1 onClick="window.open('wchangebg.html','win','width=200,height=150,left=200,top=200')"
  type=button value="결과를 보라">
</FORM>

보조창(wchangebg.html) 소스
<FORM name="f3">색을 선택해 보라<BR>
<INPUT type="checkbox" name="check1" onClick="document.bgColor='lightblue'" value="청색"><BR>
<INPUT type="checkbox" name="check2" onClick="document.bgColor='lightyellow'" value="노랑"><BR>
<INPUT type="checkbox" name="check3" onClick="document.bgColor='lightgreen'" value="녹색"><BR>
<BR>
<INPUT type="button" onClick="self.close()" value="창닫기">
</FORM>

<SCRIPT> function warning(){alert("클릭 이벤트로 기능함수를 통하여 경고을 발생시켰습니다.")}</SCRIPT>
<span onClick="warning()" style="background-color:#afa;border:solid 1 blue">여기를 클릭해 보라</span>

<TABLE border=4 cellpadding=4 cellspaing=4 bgcolor=aaffee>
<TR><TD onDblClick="history.back()">더블클릭으로 이전페이지로 가기</TD></TR>
</TABLE>