글
랜덤으로 추천사이트로 이동하기 버튼
안녕하세요?
오늘도 소스코드 분석입니다. 오늘 분석할 것은 버튼을 만들어 놓고 클릭하면 랜덤으로 사이트를 이동하는 것입니다. 그럼 소스를 먼저 보시죠.
<script language="JavaScript">
<!--
function go_to(url) {
window.location=url;
}
function rand_link() {
var a;
a = 1+Math.round(Math.random()*3);
// '3' 이라는 숫자를 아래의 사이트 갯수와 맞추어 주세요
// 즉 아래에서 사이트 갯수가 5개이면 5 로 수정하세요
// 랜덤으로 보여줄 사이트들을 설정 합니다
if (a==1) go_to("http://www.yahoo.co.kr");
if (a==2) go_to("http://www.daum.net");
if (a==3) go_to("http://dreamwiz.com");
// 사이트를 추가할때마다 a==숫자 를 증가시킵니다. (a==4, a==5....)
}
//-->
</script>
<input type="button" value="오늘의 추천 사이트" onClick="rand_link()">
함수가 두개 있습니다. 맨처음 함수는 go_to로 인자로 받은 url로 이동하는 것입니다. window.location은 앞에도 나왔었죠? 뒤의 url로 이동하는 거요. 그 다음 rand_link는 a라는 변수를 Math.random()으로 랜덤, 즉 임의의 1-3까지 숫자를 만들어서 a라는 변수에다가 저장하는 것입니다. 그런다음 a가 1,2,3인 경우 go_to함수를 호출하여 뒤의 url을 인자로 넘겨 그 url로 이동하는 겁니다. 그 다음 본문은 input type=button으로 버튼 객체를 만들고 value즉 값을 오늘의 추천 사이트라고 표시하고 onClick즉 클릭했을때 rand_link함수를 호출합니다.
그럼 어떻게 되겠습니까? rand_link함수에서 랜덤으로 1-3까지 숫자를 만들어서 go_to함수를 호출하여 그 url로 이동하게 되는거지요. 이해가시죠? 실행은 직접 해보시길...그럼 다음시간에 또 만나요~
'Java Script' 카테고리의 다른 글
버튼-새창띄우기 (0) | 2011.08.25 |
---|---|
사용자가 입력한 내용으로 메시지 띄우기 (0) | 2011.08.23 |
간단한 풀다운메뉴만들기 (0) | 2011.08.19 |
history.go (0) | 2011.08.16 |
버튼 눌리면 경고메세지 보여주기 (0) | 2011.08.13 |