N스크린하이브리드앱과정/JAVASCRIPT 4

[3주][3일][5~8th] JAVASCRIPT: 로그인 창 구현해보기, 이벤트 핸들러.

**document 객체** *개념 : 문서에 대한 정보를 알려주는 객체 1. 문서 배경색과 글자색 바꾸기 헤드 function bg(col){ document.bgColor=col; } function fg(col){ document.fgColor=col; } function cho(){ document.bgColor="white"; document.fgColor="black"; } 바디 초기값 문서 배경색 바꾸기 pink yellow gray 문서 글자색 바꾸기 red green blue (1) 초기 화면에서 pink 라디오 버튼을 누르면 (2) 화면 배경이 pink색으로 바뀐다 (3) 같은 방법으로 노랑, (4) 회색으로 눌렀을 때 (5) 자 이제 글자색을 바꿔보자. 우선 빨강! function f..

[3주][2일][5~7th] JAVASCRIPT: 이벤트, 이벤트 핸들러

이벤트 : 동작이나 사건이 발생했음을 알려주는 신호 이벤트핸들러 : 이벤트가 발생할 때 수행할 명령, 함수 동작연결(onclick) 1. 버튼 눌렀을 때 이벤트 동작 2. 이벤트를 함수로 작동하게 하기 헤드 function butt(){ alert("함수에서"); alert("실행문"); } 바디 **마우스와 관련된 이벤트** 3. 문서 불러올 때 4. 텍스트 상자 선택&해제 ; 5. 버튼3 마우스오버/아웃 ; 6. table 만들고 마우스오버/아웃 효과 주기 처음 두울 (1) 마우스아웃 했을때 (2) "처음" 쪽에 마우스오버했을때(마우스를 가져갔을 때) (3) "두울" 쪽에 마우스오버했을때 **웹 브라우저 객체** 7. 새 창 띄우기 function stat1(){ window.open("test11...

[3주][1일][5~7th] 자바스크립트(javascript). 문자열의 추출, 반올림&내림 등

1. 문자열의 다양한 추출 방법 - fontcolor("색깔") : 글꼴색 - bold() : 글꼴 진하게 - toUpperCase() : 영어소문자를 대문자로 - charAt() : 문자 추출(0부터 시작) - indexOf("찾을 문자열") : 찾은 문자열의 시작위치값 - lastIndexof("찾을 문자열") : 같은 글자 있을 때, 마지막 값의 위치 - substring(a,b) : a~b범위의 문자열을 추출 - substring(a) : a부터 끝까지 문자열을 추출 - concat("합칠 문자열변수") : 문자열을 합침 - split(공백,"숫자") : 지정된 숫자번째의 앞까지 출력함 2. 문자열 실습 - 성별구분 뽑아오기 주민번호를 보고 위의 함수들을 활용하여 남자/여자를 판별하기. 정답 3...

[2주][5일][5~7th]자바스크립트(javascript) 시작하기 (이클립스에서)

오늘은 자바스크립트를 이클립스에서 시작하는 날이다. 이클립스를 정상적으로 실행하기 위해 몇가지 설정이 필요하다. 1. 새로운 폴더 "workspace_jsp"를 만들고, 이클립스를 실행한다. File - Switch Workspace - Other를 클릭하면 다음과 같은 창이 뜬다. 방금 만든 새로운 폴더로 경로 지정 후 확인을 누른다. 2. Window - preferences에 들어간다. (1) 아래의 경로에서 other에서 UTF-8을 선택 (2) 아래의 경로에서 "Show line numbers"를 누른다. 맨 밑에 하이퍼링크된 Colors and Fonts를 클릭한다. (3) Text Font를 더블클릭한다. (4) 글꼴에서 원하는 설정을 한다. (5) 설정이 끝나면, 자바스크립트를 작성하기 위..