HTML BODY SCRIPT LANGUAGEJava Script document writeLast modified
자바 스크립트의 작성 <HTML> <BODY> <SCRIPT LANGUAGE="Java. Script"> <!-document. write("Last modified on "); document. write(document. last. Modified); //--> </SCRIPT> <H 3> Basic Java. Script</H 3> </BODY> </HTML> Java. Script 8 정보통신교육원
자바 스크립트의 작성 <HTML> <BODY> <SCRIPT LANGUAGE="Java. Script"> <!-document. write("<H 3>Greetings</H 3>"); prompt("Enter Your Name : ", "Name"); //--> </SCRIPT> </BODY> </HTML> Java. Script 9 정보통신교육원
조건문 <HTML> <HEAD> <SCRIPT LANGUAGE="Java. Script"> <!-var question = "What is 10 + 10 ? "; var answer = 20; var correct = "Correct"; var incorrect = "Incorrect"; var response = prompt(question, "0"); var output = (response == answer) ? correct : incorrect; //--> </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="Java. Script"> <!-document. write(output); //--> </SCRIPT> </BODY> </HTML> Java. Script 13 정보통신교육원
반복문 <HTML> <HEAD> <SCRIPT LANGUAGE="Java. Script"> <!-var x; for (x = 1; x<= 20; ++x) { if ((x%2) == 0) continue; document. write('<FONT SIZE=5>' + x + ' </FONT>'); } //--> </SCRIPT> </HEAD> <BODY> </HTML> Java. Script 16 정보통신교육원
함수 <HTML> <HEAD> <SCRIPT LANGUAGE="Java. Script"> <!-function Percentage(n. Num, n. Perc) { var n. Result = n. Num * (n. Perc/100); return n. Result; } //--> </SCRIPT> </HEAD> <BODY> <H 3>백분율 계산</H 3> <SCRIPT LANGUAGE="Java. Script"> <!-var n. Value 1 = prompt("숫자 입력", 0); var n. Value 2 = prompt("퍼센트에 해당하는 숫자 입력", 0); var n. Percent = Percentage(n. Value 1, n. Value 2); document. write(n. Value 1 + "의 " + n. Value 2 + "%는 " + n. Percent); //--> </SCRIPT> </BODY> </HTML> Java. Script 20 정보통신교육원
자바 스크립트의 객체 모델 g 객체에 메쏘드 첨가하기 function display. Name() { document. write(“Name : “ + this. name + “<BR>“); } function student(name, age, grade) { this. name = name; this. age = age; this. grade = grade; this. display. Name = display. Name; } Java. Script 24 정보통신교육원
배열 <HTML> <HEAD> <SCRIPT LANGUAGE="Java. Script"> <!-function make. Array(n) { this. length = n; for (var i = 1; i <= n; ++i) { this[i] = null; } return this; } var cde = new make. Array(100); var area = new make. Array(100); area[1] = "여의도 "; cde[1] = "150 -010"; area[2] = "영등포 "; cde[2] = "150 -030"; area[3] = "장충동 1가"; cde[3] = "100 -391"; area[4] = "신사동 "; cde[4] = "135 -120"; area[5] = "개포동 "; cde[5] = "135 -240"; //--> </SCRIPT> Java. Script 28 정보통신교육원
배열 <BODY> <FORM> 우편번호를 알고 싶은 지역을 선택하시오. <SELECT name="address" size="5" on. Change="form. returninfo. value = cde[form. address. selected. Index]; "> <OPTION selected> <SCRIPT LANGUAGE="Java. Script"> <!-for(i = 1; i <= 5; ++i) { document. writeln("<option>"+area[i]); } //--> </SCRIPT> </SELECT><BR> <INPUT TYPE="text" NAME="returninfo" VALUE="지역을 선택하시오"> </FORM> </BODY> </HTML> Java. Script 29 정보통신교육원
이벤트 g 이벤트 핸들러의 기본 형태 g <태그명 태그_속성 이벤트_핸들러=“Java. Script program”> ex) <INPUT TYPE=“text” on. Change=“check. Field(this)”> g 스크립트 코드 전체가 태그 안에 들어갈 수 있다 ex) <INPUT TYPE=“text” on. Change=“ if (parse. Int(this. value) <= 5) confirm(“value error”); } { “> Java. Script 33 정보통신교육원
이벤트 g 객체별 이벤트 핸들러의 종류 선택 목록(SELECT) on. Blur, on. Change, on. Focus 문자 필드(TEXT) on. Blur, on. Change, on. Focus, on. Select 문자 영역(TEXTAREA) on. Blur, on. Change, on. Focus, on. Select 버튼(BUTTON) on. Click 체크박스(CHECKBOX) on. Click 라디오 버튼(RADID BUTTON) on. Click 하이퍼텍스트 링크 on. Click, on. Mouseover RESET 버튼 on. Click SUBMIT 버튼 on. Click DOCUMENT on. Load, on. Unload WINDOW on. Load, on. Unload 폼(FORM) on. Submit Java. Script 34 정보통신교육원
이벤트 <HTML> <BODY on. Load=“alert(‘Welcome to my Homepage’); ”> </BODY> </HTML> Java. Script 35 정보통신교육원
대화형 폼의 개발 <HTML> <HEAD> <SCRIPT LANGUAGE="Java. Script"> <!-function is. Number(str) { for (i = 0; i < str. length; ++i) { if (str. char. At(i) < '0' || str. char. At(i) > '9') return false; } return true; } function check. Num(form) { if (!is. Number(form. num_field. value)) alert(form. num_field. value + ' is not number'); else form. submit(); } //--> </SCRIPT> </HEAD> Java. Script 39 정보통신교육원
대화형 폼의 개발 <BODY> <FORM METHOD=“POST” ACTION="chiak. yonsei. ac. kr/test. pl"> 숫자를 입력하세요. . . <INPUT TYPE="text" NAME="num_field" size=10> <INPUT TYPE="button" NAME="cnf" VALUE="확 인" on. Click="check. Num(this. form); "> </FORM> </BODY> </HTML> Java. Script 40 정보통신교육원
Window 객체 g 다른 모든 객체의 최상의 계층 g g window. alert() 대신에 alert()라고 해도 무방함 윈도우 생성/소멸 g open(“URL”, “윈도우 이름”, “특성목록”); toolbar=[yes | no | 1 | 0] scrollbars=[yes | no | 1 | 0] locaiton=[yes | no | 1 | 0] resizable=[yes | no | 1 | 0] directories=[yes | no | 1 | 0] width=pixels status=[yes | no | 1 | 0] height=pixels menubar=[yes | no | 1 | 0] g close(); Java. Script 42 정보통신교육원
Window 객체 <HTML> <HEAD> <SCRIPT LANGUAGE="Java. Script"> <!-function Open. Window() { Win 1 = open("basic. html", "Sec. Win", "toolbar=0, location=1, directories=0, status=0, menubar=0, scrollbars=1, resizable=1, width=350, height=350"); var s. Text = "<BODY>This is some text<P></BODY>" Win 1. document. write("<H 2>Secondary Window</H 2><HR><P>"+s. Text); } function Close. Window() { Win 1. close(); } //--> </SCRIPT> </HEAD> Java. Script 43 정보통신교육원
Window 객체 <BODY> <FORM> <INPUT TYPE="button" name="Window. Button" value="Open Window" on. Click="Open. Window()"> <INPUT TYPE="button" name="Window. Button 2" value="Close Window" on. Click="Close. Window()"> </FORM> </BODY> </HTML> Java. Script 44 정보통신교육원
Window 객체 Java. Script 45 정보통신교육원
- Slides: 45