728x90
728x170
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<!-- 함수 예제1 -->
<script type="text/javascript">
var i=0;
function myFnc(){
i++;
document.write("hello"+i, "<br />");
}
myFnc();
var theFnc=function(){
i++;
document.write("bye"+i, "<br />");
}
theFnc();
</script>
<!-- 함수 예제2 -->
<script type="text/javascript">
var color=["white","yellow","aqua","purple"];
var i=0;
function colorBg(){
i++;
if(i>=color.length) i=0;
var bodyTag=document.getElementsByTagName("body")[0];
bodyTag.style.backgroundColor=color[i];
}
</script>
</head>
<body>
<button onclick="colorBg();">배경색 바꾸기</button>
</body>
</html>
<!-- 함수 예제3 -->
<script type="text/javascript">
function myFnc(name, area) { // 매개 변수가 있는 함수
document.write("안녕하세요. "+name+"입니다.", "<br />");
document.write("사는곳은. "+area+"입니다.", "<br /><br />");
}
myFnc("홍길동","서울");
myFnc("김부자","부산");
</script>
<!-- 함수 예제4 -->
<script type="text/javascript">
function login(id, pw){
if(id=="hanguk"){
if(pw=="1234") {
document.write(id+"님 방문을 환영합니다.");
}
else {
alert("잘못된 비밀번호입니다.")
}
}
else {
alert("존재하지 않는 아이디입니다.");
}
}
var user_id=prompt("아이디를 입력하세요.","");
var user_pw=prompt("패스워드를 입력하세요.","");
login(user_id, user_pw);
</script>
<!-- 함수 예제5 -->
<script type="text/javascript">
function myFnc(a, b){
var num=a*b;
return num;
}
var result=myFnc(10,3);
document.write(result);
</script>
<!-- 함수 예제6 -->
<script type="text/javascript">
function myFnc(){
document.write("hello");
return; // 강제 종료
document.write("javascript");
}
myFnc();
</script>
<!-- 함수 예제7 -->
<script type="text/javascript">
var num=0;
function testFnc(){
num++;
document.write(num, "<br />");
if(num==10) return;
testFnc(); // 재귀 함수 호출
}
testFnc();
</script>
<!-- 함수 예제8 -->
<script type="text/javascript">
var num=200; // 전역 변수
function myFnc(){
var num=500; // 지역 변수
}
myFnc();
document.write(num);
</script>
|
cs |
소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)
728x90
그리드형(광고전용)
'Source Code > JavaScript' 카테고리의 다른 글
| this를 사용한 이벤트 (0) | 2017.05.21 |
|---|---|
| 이벤트 등록 메서드가 브라우저별로 서로 다르게 실행되도록 하기 (0) | 2017.05.21 |
| 이벤트 (Event) (0) | 2017.05.21 |
| 함수를 사용하여 사진 갤러리 만들기 (0) | 2017.05.21 |
| 문서 객체 모델을 사용하여 자동차 견적 미리보기 페이지 만들기 (0) | 2017.05.21 |
| 폼 요소 선택자 (0) | 2017.05.21 |
| 문서 객체에 이벤트 핸들러 적용 (0) | 2017.05.21 |
| 선택자 호환성 문제 해결 (0) | 2017.05.21 |
