이번엔 좀 더 응용 예제
버튼을 누를때마다 배겨 색을 변화 시켜주는 예제입니다.
사용자가 정의해놓은 함수를
바디테그에서 만든 버튼을
사용자가 누를때마다 온클릭 핸들러는 통해 연결된 사용자 정의 함수로 연결되어
함수를 실행합니다.
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> |
|
|
|
|
|
<head> |
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> |
|
|
|
|
|
<title> 사용자 정의 함수4</title> |
|
|
|
|
|
<script type="text/javascript"> |
|
|
//<!CDATA[ |
|
|
function bg_red() |
|
|
{ |
|
|
document.bgColor='red'; |
|
|
} |
|
|
function bg_white() |
|
|
{ |
|
|
document.bgColor='white'; |
|
|
} |
|
|
function bg_yellow() |
|
|
{ |
|
|
document.bgColor='yellow'; |
|
|
} |
|
|
function bg_green() |
|
|
{ |
|
|
document.bgColor='green'; |
|
|
} |
|
|
//]]]]]]> |
|
|
</script> |
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
<form method="post" action=""> |
|
|
<p> |
|
|
<input type="button" value="원래대로" onclick="bg_white()" /> |
|
|
<input type="button" value="red" onclick="bg_red()" /> |
|
|
<input type="button" value="green" onclick="bg_green()" /> |
|
|
<input type="button" value="yellow" onclick="bg_yellow()" /> |
|
|
</p> |
|
|
</form> |
|
|
|
|
|
</body> |
|
|
|
|
|
</html> |
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수_ 매개변수_응용 ) (0) | 2011.04.10 |
|---|---|
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수_ 매개변수 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 전역변수_응용 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 지역변수_응용 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 지역변수 ) (0) | 2011.04.10 |
댓글