매개변수를 한번 응용해 보자.
앞서 보여주었던 배경색 바꾸는 예제를 응용해보면 좀 도 도움이 되지 않을까 한다.
예제를 실행해보면 알겠지만
앞서 예제가 배경만 바구어 주었다면
이번에 수정된 코드를 실행하면 팝업창에 뜨는 값이 매번 다르게 뜨는 것을 알 수 있다.
|
<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> 사용자 정의 함수5. (매개변수2)</title> |
|
|
|
<script type="text/javascript"> |
|
//<!CDATA[ |
|
//parameter 매개변수/함수에 값을 전달할 수 있게 괄호 안에 값을 넣어준 것 |
|
|
|
function bg_change(c,n) |
|
{ |
|
document.bgColor=c; |
|
alert(n); |
|
} |
|
//]]]]]]> |
|
</script> |
|
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
<form method="post" action=""> |
|
<p> |
|
<input type="button" value="원래대로" onclick="bg_change('white',1)" /> |
|
<input type="button" value="red" onclick="bg_change('red',2)" /> |
|
<input type="button" value="yellow" onclick="bg_change('yellow',3)" /> |
|
<input type="button" value="green" onclick="bg_change('green',4)" /> |
|
</p> |
|
</form> |
|
|
|
</body> |
|
|
|
</html> |
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
샘플소스3) javascript 기본 문서구조 ( 배열 2 ) (0) | 2011.04.10 |
---|---|
샘플소스3) javascript 기본 문서구조 ( 객체 그리고 배열 ) (0) | 2011.04.10 |
샘플소스3) javascript 기본 문서구조 ( 사용자정의함수_ 매개변수 ) (0) | 2011.04.10 |
샘플소스3) javascript 기본 문서구조 ( 사용자정의함수_ 응용 ) (0) | 2011.04.10 |
샘플소스3) javascript 기본 문서구조 ( 사용자정의함수2 _ 전역변수_응용 ) (0) | 2011.04.10 |
댓글