HTML HEAD SCRIPT LANGUAGEVBScript document write p VBScript
예제 <HTML> <HEAD> <SCRIPT LANGUAGE="VBScript"> document. write "<p> VBScript 연습입니다. " </SCRIPT> </HEAD> <BODY> </BODY></HTML>
on. Click 이벤트 핸들러로 자바스크립트 명령을 실행한 예 <html> <body><center> <form> <INPUT type = "button" value = "배경색 변경" on. Click="document. bg. Color='red'; "> </form></center> </body> </html>
예제 <html> <head> <script language="Java. Script"> // 8진수 12는 10진수로 10이다. document. write( 012 + " " ) //16진수 f는 10진수로 15이다. document. write(0 xf + " ") </script> </head> </html> ■ 실행 결과 10 15
예제 <html> <head> <script language="Java. Script"> a = false; if(a) document. write("true"); else document. write("false"); </script> </head> </html> [실행 결과] false
문자열 식(string expression) 문자열 식에 사용되는 연산자는 두개의 문자열을 하나의 문자열로 결합시켜 주는 "+" 연산자(concatenation operator) 뿐이다. <html> <head> <script language="Java. Script"> area_code = "0331"; local_number =" 200 -1234"; pone_number = area_code + "-" + local_number; document. write( "전화 번호 --> " + pone_number); </script> </head> </html> [실행 결과] 전화 번호 --> 0331 -200 -1234
관계식(relational expression)
논리식(logical expression)
조건 연산자 (? : ) 사용 예 <html> <head> <script language="Java. Script"> num = 10; gubun = (num % 2 == 0) ? " 짝수이다. " : " 홀수이다. "; document. write( num + "은" + gubun); </script> </head> </html> [실행 결과] 10은 짝수이다.
비트 논리식(bit logical expression)
예제 <script language="Java. Script"> x = 2; y = 6; z = x & y; document. write("x = 2 , y = 6일 때 비트 &(AND) 연산한 결과 : " + z + " " ); z = x | y; document. write("x=2 , y = 6일 때 비트 |(OR)로 연산한 결과 : " + z + " " ); z = x ^ y; document. write("x=2, y=6일 때 비트 ^(X-OR: Exclusive-OR)로 연산한 결과 : "+ z); </script>
예제 <HTML> <BODY > <h 1> if문 예<p> <h 3> prompt 대화상자에 1을 입력하면 날아가는 새 이미지가 출력되고, 2를 입력하면 움직이는 호랑이 이미지가 출력되는 if 문 예제이다. <SCRIPT language="Java. Script"> var bird_img ='<img src = "bird. gif" >'; var tiger_img ='<img src = "tiger. gif" >'; var select = prompt( "1과 2중 하나를 입력하라", "1"); if (select == 1) document. write(bird_img); if ( select == 2) document. write(tiger_img); </SCRIPT> </BODY> </HTML>
예제 <h 3> prompt 대화상자에 점수를 입력하면 학점을 부여하는 다중 if문 <SCRIPT language="Java. Script"> var script = prompt( "자바스크립트 점수를 입력하라", ""); // script 점수가 0보다 작거나 100보다 크면 잘못 입력된 점수이다. if (script < 0 || script > 100 ) { grade = " 잘못 입력된 점수"; } // 90 ≤ script 점수 ≤ 100 else if (script >= 90 ) {grade = "A"; } // 80 ≤ script 점수 ≤ 89 else if (script >= 80 ) {grade = "B"; } else if (script >= 70 ) // 70 ≤ script 점수 ≤ 79 {grade = "C"; } else if (script >= 60 ) // 60 ≤ script 점수 ≤ 69 {grade = "D"; } // 0 ≤ script 점수 ≤ 59 else {grade = "F"; } alert( "학점은 " + grade + " 입니다"); </SCRIPT>
예제 2 <SCRIPT language="Java. Script"> char = prompt(" 알파벳을 입력하라 ? ", ""); switch (char) { case "a" : case "e" : case "i" : case "o" : case "u" : kind = " 영어 소문자 모음 "; break; case "A" : case "E" : case "I" : case "O" : case "U" : kind = " 영어 대문자 모음 "; break; default : kind = " 영어 모음이 아니다 "; } alert("입력한 " + char + "은 " + kind); </SCRIPT>
예제 <SCRIPT language="Java. Script"> var number = 1, sum=0; do { sum = sum + number; number = number + 1; } while (number <= 10) document. write( " 1 + 2 + 3 + … + 9 + 10 = " + sum); </SCRIPT> [실행결과] 1 + 2 + 3 + … + 9 + 10 = 55
입력받은 값이 잘못되면 반복 또는 종료 <SCRIPT language="Java. Script"> var bird_img ='<img src = "bird. gif" >'; var tiger_img ='<img src = "tiger. gif" >'; var answer = false; do { var select = prompt( "1과 2중 하나를 입력하라", "1"); switch (select) { case "1" : document. write(bird_img); break; case "2" : document. write(tiger_img); break; default : answer = confirm("번호가 잘못되었다. !! 계속하려면 '확인' 종료하려면 '취소'"); } } while (answer == true) </SCRIPT>
구구단 프로그램 <SCRIPT language="Java. Script"> var dan = prompt(" 몇 단? ", ""); for (number =1; number <= 9; number++) { result = dan * number; document. write( dan + " * " + number + " = " + result + " "); } </SCRIPT> [실행결과] 5단을 입력한 경우 구구단 프로그램 5*1=5 5 * 2 = 10 5 * 3 = 15 5 * 4 = 20 5 * 5 = 25 5 * 6 = 30 5 * 7 = 35 5 * 8 = 40 5 * 9 = 45
break문을 사용한 예 <SCRIPT language="Java. Script"> var LIMIT = 50; var n=0; var sum=0; for (n=1; ; n++) { sum = sum + n; /* sum 값이 50보다 크면 for문을 벗어난다. */ if (sum > LIMIT) break; } document. write("By for : " + " n = " + n + "일 때 sum= " + sum + " "); sum = n = 0; while (true) { ++n; sum +=n; /* sum 값이 50보다 크면 while문을 벗어난다. */ if (sum > LIMIT) break; } document. write("By while : " + " n = " + n + "일 때 sum= " + sum + " "); sum = n =0; do { ++n; sum += n; if (sum > LIMIT) break; } while (true); document. write("By do-while : " + " n = " + n + " 일 때 sum= " + sum); </SCRIPT>
예제 <SCRIPT language="Java. Script"> do { var dan = prompt(" 몇 단? ", ""); for (number =1; number <= 9; number++) { result = dan * number; document. write( dan + " * " + number + " = " + result +" "); } ok_no = confirm(" 계속하려면 '확인' 종료하려면 '취소'"); } while(ok_no == true) </SCRIPT>
예제 <SCRIPT language="Java. Script"> var compute_string; do { compute_string = prompt("계산할 수식을 입력하시요", ""); // 입력된 문자열 수식을 계산한다. result = eval(compute_string); document. write("<h 4>" + compute_string + " = " + result +" "); ok_no = confirm("계속 계산하려면 '확인' 종료하려면 '취소'"); } while(ok_no == true) ; </SCRIPT>
parse. Float() ① 문자열을 실수로 변환하는 내장 함수. // 23. 44가 출력된다. document. write( parse. Float("23. 44") ); // 3. 14159가 출력된다. document. write( parse. Float("3. 14159 pi 3 ab") );
예제 <SCRIPT language="Java. Script"> // 5 초가 지난 후에 한미르 검색 사이트로 이동한다. 5000은 ms 단위로서 5초 이다. set. Timeout("location. href = 'http: //www. hanmir. com' ", 5000); </SCRIPT>
<SCRIPT language="Java. Script"> do { // 함수를 호출한다. compute(); ok_no = confirm("계속 계산하려면 '확인' 종료하려면 '취소'"); } while(ok_no == true) ; </SCRIPT>
버튼 클릭 이벤트에 의해 수식 계산 함수를 호출 <SCRIPT language="Java. Script"> function compute() { var compute_string; compute_string = prompt("계산할 수식을 입력하시요", ""); result = eval(compute_string); alert( compute_string + " = " + result ); } </SCRIPT> <FORM> " 계산 할래요? " 버튼을 클릭할 때마다 수식을 계산하는 compute() 함수가 호출 되어 계산 결과를 alert() 대화상자에 출력한다. <p> <INPUT TYPE="button" VALUE="계산할래요? " on. Click="compute()"> </FORM>
name이 지역 변수 이기 때문에 출력되지 않은 예 <script language = "javascript"> function name_tel() { var name; name = "임성준"; tel = "02 -703 -0830"; } </script> <script language = "javascript"> // 함수 호출 name_tel(); alert("당신의 이름은 " + name + "이고 전화번호는 " + tel + "이다"); </script>
함수의 결과 값을 return 문으로 반환하는 예제 <head> <script language = "javascript"> function input_name() { var name; name = prompt("당신의 이름은 ? ", ""); return name; } </script> </head> <body> <script language = "javascript"> return_name = input_name(); alert( return_name + " 씨 !!! nn 제홈페이지를 방문하셨군요 !. nn환 영합니다"); </script>
암호 확인 함수를 직접 순환 호출한 예 <SCRIPT language="Java. Script"> function passwd_check(){ var ok_no; passwd=prompt("암호를 입력하세요", ""); if (passwd == "simmani") {location. href = "http: //www. simmani. com"; return; // 함수를 종료시키면서 복귀시킨다. } ok_no = confirm("암호가 틀립니다. !! nn다시 암호를 입력하려면 '확인', 종료하려면 '취소'"); if (ok_no == true) passwd_check(); else alert("암호를 기억한 후 방문해 주세요 !!!"); } </SCRIPT> </HEAD> <BODY > <SCRIPT language="Java. Script"> passwd_check(); </SCRIPT> </BODY>
간접 순환 함수 방식으로 nm을 구하는 예 <head> <script language = "javascript"> function power(n , m) { result = 1; for ( i =1; i <= m; i++) result = result * n; msg = n+ "의 " + m + "승은 " + result + "이다. nn 계속하려면 '확인' 종료하려면 '취소'“ ok_no = confirm(msg); if (ok_no == true ) input_data(); /* input_data() 함수를 간접 호출 */ else return; /* 함수를 종료한다 */ } function input_data() { n = prompt("n의 m승 중에서 n 을 입력하라 ? ", ""); m = prompt("n의 m승 중에서 m을 입력하라 ? ", ""); power(n, m); // power(n, m) 함수를 호출 alert("good bye !!!"); } </script> </head> <body> <FORM> <INPUT TYPE="button" VALUE="간접 순환 함수 방식으로 n의 m승을 구할래요? " on. Click="input_data()"> </FORM>
- Slides: 129